微信小程序倒计时-微信小程序倒计时demo-小程序倒计时功能-即速应用

微信小程序倒计时-微信小程序倒计时demo-小程序倒计时功能

浏览量：1726 时间：2020-04-06 来源：dzp_coder

1.
项目需要做倒计时.黄大哥的轮子.拿来用用.表示很顺手.
2.
代码:1.index.wxml
textstyle"display:block;text-align:center;font-size:30px;color:#f60;margin-top:50px;"{{clock}}{{micro_second}}/text3.
2.index.js注释很清楚了.不多说.
/***需要一个目标日期，初始化时，先得出到当前时间还有剩余多少秒*1.将秒数换成格式化输出为XX天XX小时XX分钟XX秒XX*2.提供一个时钟，每10ms运行一次，渲染时钟，再总ms数自减10*3.剩余的秒次为零时，return，给出tips提示说，已经截止*///定义一个总毫秒数，以一分钟为例。TODO，传入一个时间点，转换成总毫秒数vartotal_micro_second36*60*60*1000;/*毫秒级倒计时*/functioncount_down(that){//渲染倒计时时钟that.setData({clock:date_format(total_micro_second)});if(total_micro_second0){that.setData({clock:"已经截止"});//timeout则跳出递归return;}setTimeout(function(){//放在最后--total_micro_second-10;count_down(that);},10)}//时间格式化输出，如03:25:1986。每10ms都会调用一次functiondate_format(micro_second){//秒数varsecondMath.floor(micro_second/1000);//小时位varhrMath.floor(second/3600);//分钟位varminfill_zero_prefix(Math.floor((second-hr*3600)/60));//秒位varsecfill_zero_prefix((second-hr*3600-min*60));//equaltovarsecsecond%60;//毫秒位，保留2位varmicro_secfill_zero_prefix(Math.floor((micro_second%1000)/10));returnhr+":"+min+":"+sec+""+micro_sec;}//位数不足补零functionfill_zero_prefix(num){returnnum10?"0"+num:num}Page({data:{clock:''},onLoad:function(){count_down(this);}});4.
demo下载地址原文地址我的博客,欢迎评论!CSDN微信小程序开发专栏,欢迎关注!