小程序实现倒计时：解决ios倒计时失效（setInterval失效）

在使用之前需要先在page页引入wxTimer.js文件（这里我将文件放在/utils）

let timer = require('../../utils/wxTimer.js');

然后就可以使用啦

调用如下：

let wxTimer = new timer({
    expired_at: "2018-9-27 23:28:00.14756",
    complete: function () {
        console.log("完成了")
    },
    expired: function () {
        console.log("过期了(结束时间小于当前时间)")
    },
})
wxTimer.start(this);
wxTimer.stop();

封装方法中因为用到page页的data，因此需要在调用start()的时候传入 this

在data中添加timer对象

data:{
    timer: {
        remaining: '00:00:00'     }
}

在页面中就可以通过 timer.remaining 就可以显示倒计时

在调用wxTimer的时候，expired_at传入的值需要特别留意。

在小程序开发中，ios是个很头疼的事情，下面就“时间”来简单的说一下

• 对于上面代码中提到的 2018-9-27 23:28:00.14756

  • 在ios中是不支持‘-’的，应该替换为 '/'

  • 还有就是在ios中不支持 ‘.’ ，所以应该将'.'之后的数字去掉

在方法中这些都已经实现了，如果想了解详细可以查看代码

参数说明：

• expired_at：倒计时结束时间

• complete：回调函数，倒计时结束后调用改方法

• expired：回调函数，当传入的时间过期时调用该方法

马云地址：https://gitee.com/WoRuoYiRuFeng/wx_smallProgram_countDown

附件（wxTimer.js）

 var wxTimer = function (initObj) {
     initObj = initObj || {};
     this.complete = initObj.complete;                    //结束任务（方法）
     this.expired = initObj.expired;                        //过期执行（方法）

     this.intervarID;                                    //计时ID
     this.expired_at = initObj.expired_at || "00:00:00";    //过期时间
 }

 wxTimer.prototype = {
     //开始
     start: function (self) {
         let that = this;
         let expired_at = new Date(that.expired_at.replace(/-/g, "/")).getTime();
         // expired_at = new Date(expired_at).getTime(); // ios下不执行,返回为null
         let nowTime = new Date().getTime();
         let remaining = (expired_at - nowTime); //计算剩余的毫秒数
         // 过期
         if (remaining < 0) {
             if (that.expired) {
                 that.expired();
             }
             return
         }
         function begin() {
             // 过期
             // if (remaining < 0) {
             //     if (that.expired) {
             //         that.expired();
             //     }
             //     that.stop();
             // }else{

                 let hours = parseInt(remaining / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
                 let minutes = parseInt(remaining / 1000 / 60 % 60, 10);//计算剩余的分钟
                 let seconds = parseInt(remaining / 1000 % 60, 10);//计算剩余的秒数
                 hours = checkTime(hours);
                 minutes = checkTime(minutes);
                 seconds = checkTime(seconds);
                 // 结束任务
                 if (hours <= 0 && minutes <= 0 && seconds <= 0) {
                     if (that.complete) {
                         that.complete();
                     }
                     that.stop();
                 }
                 if (hours >= 0 || minutes >= 0 || seconds >= 0) {
                     self.setData({
                         ['timer.remaining']: hours + ":" + minutes + ":" + seconds
                     });
                 }
                 remaining = remaining - 1000;
             // }
         }
         function checkTime(timer){
             if (timer < 10){
                 timer = "0" + timer;
             }
             return timer;
         }
         // begin();
         this.intervarID = setInterval(begin, 1000);
     },
     //结束
     stop: function () {
         clearInterval(this.intervarID);
     }
 }

 module.exports = wxTimer;