博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序--倒计时封装
阅读量:6890 次
发布时间:2019-06-27

本文共 1326 字,大约阅读时间需要 4 分钟。

在程序开发过程中,有时会用到倒计时,根据所给结束时间(例如:2018-10-01 00:00:00)算出剩余天数、时分秒,先总结的微信小程序的倒计时分享给大家!!

在后台异步返回结束时间时调用this.countDown(endTime)即可;

data:{        lastTime: '', //剩余时间        endTimeText:'已结束',//结束文字    }        //参数endTime格式2018-10-01 00:00:00   countDown(endTime) {    let endTimeStr = endTime.toString();    let endTimeNum = new Date(Date.parse(endTimeStr.replace(/-/g, "/"))).getTime();    let self = this;    let timer = setInterval(function() {      let nowTime = new Date();      let t = endTimeNum - nowTime.getTime();      if (t > 0) {        let day = Math.floor(t / 86400000);        let hour = Math.floor((t / 3600000) % 24);        let min = Math.floor((t / 60000) % 60);        let sec = Math.floor((t / 1000) % 60);        hour = hour < 10 ? `0${hour}` : hour;        min = min < 10 ? `0${min}` : min;        sec = sec < 10 ? `0${sec}` : sec;        let format = '';        if (day > 0) {          format = `${day}天${hour}时${min}分${sec}秒`;        }        if (day <= 0 && hour > 0) {          format = `${hour}时${min}分${sec}秒`;        }        if (day <= 0 && hour <= 0) {          format = `${min}分${sec}秒`;        }        self.setData({          lastTime: format        });      } else {        clearInterval(timer);        self.setData({          lastTime: self.data.endTimeText,        });      }    }, 1000);  }复制代码

转载地址:http://rvebl.baihongyu.com/

你可能感兴趣的文章
GMQT全球通用积分重磅推出
查看>>
spring cloud构建互联网分布式微服务云平台-路由网关(zuul)
查看>>
Parasoft dotTEST(10.4.1)更新亮点——在.NET应用程序中构建安全性
查看>>
Nginx 配置
查看>>
混沌工程究竟用来解决什么问题?
查看>>
如何写好一片文章
查看>>
vue项目前后端实现
查看>>
BCH升级日期将至,社区组织开始为11月“硬分叉”做准备
查看>>
2018最新版直播系统源码:功能和步骤详解
查看>>
vue的事件处理,冒泡和捕获
查看>>
没错,我就是要吹爆Angular
查看>>
Andoid屏幕适配终极手段(小编用过最得劲的dp适配)
查看>>
一张图带你了解Aspose 2019年的产品线
查看>>
一篇关于MySQL server层执行查询语句的注释,非常棒
查看>>
js执行过程之上下文对象(Context)
查看>>
使用迭代器遍历集合出现ConcurrentModificationException的总结
查看>>
阿里大师带你详解API接口安全
查看>>
java 合并pdf
查看>>
使用vue实现grid-layout功能
查看>>
Event loop (JavaScript中的执行机制)
查看>>