微信小程序之计时器

wxml

<text>{{days}}天{{hours}}:{{minute}}:{{second}}</text>

js（data）

days: '0' + 0, //天
hours: '0' + 0, // 时
minute: '0' + 0, // 分
second: '0' + 0, // 秒

js（methods）

// 计时
//开始订单计时器
 startSetInter: function () {
   const that = this
   var second = that.data.second
   var minute = that.data.minute
   var hours = that.data.hours
   var days = that.data.days
   that.data.setInter = setInterval(function () { // 设置定时器
     second++
     if (second >= 60) {
       second = 0 //  大于等于60秒归零
       minute++
       if (minute >= 60) {
         minute = 0 //  大于等于60分归零
         hours++
         if (hours >= 24) {
           hours = 0;
           days++
           that.setData({
             days: (days<10)?('0' + days):days, //天
           })
         }
         that.setData({
           hours: (hours<10)?('0' + hours):hours, //小时
         })
       }
       that.setData({
         minute: (minute<10)?('0' + minute):minute, //分
       })
     }
     that.setData({
       second: (second<10)?('0' + second):second, //秒
     })
   }, 1000)
 },

js（methods）

 getAlarmData() {
    var list1 = app.globalData.alarmrowData;
    let startTime = list1.firstAlarmTime;
    let endTime = new Date().getTime();
    var difference = endTime - startTime;
    var remain;
    // 一天86400000毫秒
    var days = parseInt(difference / 86400000);
    remain = difference % 86400000;
    // 一小时3600000毫秒
    var hours = parseInt(remain / 3600000);
    remain = remain % 3600000;
    // 一分钟60000毫秒
    var minutes = parseInt(remain / 60000);
    remain = remain % 60000;
    //一秒钟1000
    var seconds = parseInt(remain / 1000);
    console.log(days, hours, minutes, seconds);
    this.setData({
      days: (days<10)?('0' + days):days, //天
      hours: (hours<10)?('0' + hours):hours, // 时
      minute: (minutes<10)?('0' + minutes):minutes, // 分
      second: (seconds<10)?('0' + seconds):seconds, // 秒
    });
    this.startSetInter();
  },

js（onLoad）

this.getAlarmData()
this.startSetInter();

js（onUnload）

this.endSetInter();