小程序实现倒计时：解决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;