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微信小程序开发专栏,欢迎关注!
微信小程序倒计时-微信小程序倒计时demo-小程序倒计时功能
浏览量：1817
时间：
来源：dzp_coder
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。
最新资讯
-
即速应用，赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商，即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景，持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品，帮助商家打通互联网全生态营销闭环。 -
即客云2.0重磅更新，让微信小程序运营更简单！
即客云作为一款基于企业微信的第三方工具，现从多维度提供超过30种功能，自上线以来，已服务多家企业，受到一致好评。近期，我们根据客户反馈和市场调研正式推出升级版 即客云2.0！更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信；同时提升了社群运营工作标准化，提升运营效率，帮助企业实现客户增长，玩转私域流量。 -
零代码 + AI 双轮驱动｜即速应用解锁人工智能小程序开发新范式
无需代码、无需 AI 算法功底，普通人也能快速搭建智能小程序。即速应用将人工智能与零代码开发深度融合，推出 AI 智能生成能力，用户通过自然语言描述需求，AI 自动生成小程序页面、功能模块与后台配置，覆盖商城、预约、同城、社区团购等全场景。平台内置 AI 智能推荐、智能客服、用户画像分析等能力，一键对接微信生态，打通视频号、企业微信、短信跳转，帮企业快速落地 AI 应用，抢占智慧经营先机，让每家企业都拥有 AI 驱动的智慧店铺。
