千寻前端

js简单倒计时

2018-12-12 10:15:21javascriptjs

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。

如果你有更简单方便的代码，可以分享给大家。

var method = {
    countdownObj: {
        timer: null,
        changeTime: 0,
    },
    countdown: function(long, back) {
        var that = this;
        if (that.countdownObj.timer) {
            clearInterval(that.countdownObj.timer);
        }
        that.countdownObj.changeTime = long;
        back(that.countdownObj.changeTime);
        that.countdownObj.timer = setInterval(function() {
            that.countdownObj.changeTime--;
            back(that.countdownObj.changeTime);
            if (that.countdownObj.changeTime < 1) {
                clearInterval(that.countdownObj.timer);
            }
        }, 1000);
    }
};

method.countdown(60,function(time){
    console.log(time);
});

函数里第一个数字是到时间长度，
第二个回调函数，回传的time就是当前时间。

勘误：
1018-12-12 修正了几个文字错误；优化了几个变量

热门评论：

  • 魏维 魏维 2018-12-12 12:07 回复:

    看来我的水平不够啊！看不懂

    • jsoncode jsoncode 2018-12-12 11:42 回复:魏维
      就一个方法，哪里看不懂呢

  • Rossy1 Rossy1 2018-12-12 10:05 回复:

    methods多了一个s

    • jsoncode jsoncode 2018-12-12 11:40 回复:Rossy1
      嗯，已修复，非常感谢

  • 行政 行政 2018-12-12 10:44 回复:

    前端定时不准。 setinterval 有坑

    • jsoncode jsoncode 2018-12-12 11:41 回复:行政
      这个问题不考虑，苹果设备按住页面，定时器会暂停。