Android中微信小程序支付倒计时功能

看效果

由于web 经验弱爆- -  一开始我的思路是找事件，但是看了半天API 基本都是点击触摸，通过物理触发- -

我居然忽略了生命周期，生命周期+线程不就完全OK吗～

事实证明，线程还是王道啊，一开始就应该这么搞嘛～

度娘上面也看了很多都是用js写的，but，可能刚做没几天吧，我对js与微信小程序掌握还不够熟练

思路：

1. onLoad:function(options)调用倒计时方法函数
   
2. 定义线程进行数据动态现实
   

                            1. 日期转化成毫秒

                             2.定义线程动态显示

                             3.渲染倒计时

                                                 1.毫秒转成固定格式

                                                 2. 处理分秒位数不足的补0

看代码了

wxml:

<view class="pay_time"> 
 <image src="{{imgUrls_pay_time}}"></image> 
 <text>支付剩余时间：</text> 
 <text>{{clock}} </text> 
</view> 

wxjs:

// pages/order/take_order/pay/pay.js 
var app = getApp() 
Page({ 
 data: { 
  imgUrls_pay_time: '/image/icon_orderstatus_countdown.png', 
  "productName": "", 
  "productPrice": "", 
  "payDetail": [], 
  "wxPayMoneyDesc": "", 
  "expireTime": "", 
  clock: '' 
 }, 
 onLoad: function (options) { 
  // 页面初始化 options为页面跳转所带来的参数 
  new app.WeToast() 
  var that = this; 
  that.count_down(); 
 }, 
 onReady: function () { 
  // 页面渲染完成 
 }, 
 onShow: function () { 
  // 页面显示 
 }, 
 onHide: function () { 
  // 页面隐藏 
 }, 
 onUnload: function () { 
  // 页面关闭 
 }, 
 /* 毫秒级倒计时 */ 
 count_down: function () { 
  var that = this 
  //2016-12-27 12:47:08 转换日期格式 
  var a = that.data.expireTime.split(/[^0-9]/); 
  //截止日期：日期转毫秒 
  var expireMs = new Date(a[0], a[1] - 1, a[2], a[3], a[4], a[5]); 
  //倒计时毫秒 
  var duringMs = expireMs.getTime() - (new Date()).getTime(); 
  // 渲染倒计时时钟 
  that.setData({ 
   clock: that.date_format(duringMs) 
  }); 
  if (duringMs <= 0) { 
   that.setData({ 
    clock: "支付已截止，请重新下单" 
   }); 
   // timeout则跳出递归 
   return; 
  } 
  setTimeout(function () { 
   // 放在最后-- 
   duringMs -= 10; 
   that.count_down(); 
  } 
   , 10) 
 }, 
  /* 格式化倒计时 */ 
 date_format: function (micro_second) { 
  var that = this 
  // 秒数 
  var second = Math.floor(micro_second / 1000); 
  // 小时位 
  var hr = Math.floor(second / 3600); 
  // 分钟位 
  var min = that.fill_zero_prefix(Math.floor((second - hr * 3600) / 60)); 
  // 秒位 
  var sec = fill_zero_prefix(second % 60);// equal to => var sec = second % 60; 
  return hr + ":" + min + ":" + sec + " "; 
 }, 
 /* 分秒位数补0 */ 
 fill_zero_prefix: function (num) { 
  return num < 10 ? "0" + num : num 
 } 
}) 

tip:

如果不进行位数补0

将会显示如下

以上所述是小编给大家介绍的Android中微信小程序支付倒计时功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# 微信小程序倒计时  # 微信小程序支付  # 微信小程序实现倒计时补零功能  # 微信小程序实现倒计时调用相机自动拍照功能  # 微信小程序实现验证码获取倒计时效果  # 微信小程序倒计时功能实现代码  # 微信小程序之发送短信倒计时功能  # 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能  # 微信小程序实现倒计时60s获取验证码  # 微信小程序动态显示项目倒计时效果  # 微信小程序电商常用倒计时实现实例  # 微信小程序实现团购或秒杀批量倒计时  # 倒计时  # 都是  # 看了  # 递归  # 小编  # 放在  # 将会  # 在此  # 我对  # 半天  # 给大家  # 不就  # 跳转  # 还不够  # 所述  # 截止日期  # 下单  # 给我留言  # 转成  # 感谢大家 

相关文章： 网站好制作吗知乎,网站开发好学吗？有什么技巧？  如何在建站宝盒中设置产品搜索功能？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  如何在云主机上快速搭建网站？  建站之星logo尺寸如何设置最合适？  如何在阿里云域名上完成建站全流程？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  IOS倒计时设置UIButton标题title的抖动问题  如何通过FTP服务器快速搭建网站？  教程网站设计制作软件,怎么创建自己的一个网站？  孙琪峥织梦建站教程如何优化数据库安全？  大连 网站制作,大连天途有线官网？  建站之星免费模板：自助建站系统与智能响应式一键生成  小自动建站系统：AI智能生成+拖拽模板，多端适配一键搭建  网站制作说明怎么写,简述网页设计的流程并说明原因？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  如何选择CMS系统实现快速建站与SEO优化？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  家庭建站与云服务器建站，如何选择更优？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  电商平台网站制作流程,电商网站如何制作？  如何快速搭建高效可靠的建站解决方案？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  建站之星备案是否影响网站上线时间？  如何选择高性价比服务器搭建个人网站？  装修招标网站设计制作流程,装修招标流程？  建站ABC备案流程中有哪些关键注意事项？  广东企业建站网站优化与SEO营销核心策略指南  建站之星微信建站一键生成小程序+多端营销系统  如何通过虚拟主机快速搭建个人网站？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  Android滚轮选择时间控件使用详解  招商网站制作流程,网站招商广告语？  ,制作一个手机app网站要多少钱？  建站主机空间推荐 高性价比配置与快速部署方案解析  ,柠檬视频怎样兑换vip？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  javascript基本数据类型及类型检测常用方法小结  如何用免费手机建站系统零基础打造专业网站？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  北京专业网站制作设计师招聘,北京白云观官方网站？  如何选择PHP开源工具快速搭建网站？  建站上传速度慢？如何优化加速网站加载效率？  建站之星在线客服如何快速接入解答？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？