美文网首页
倒计时的实现方式

倒计时的实现方式

作者: 未來Miral | 来源:发表于2018-07-29 23:28 被阅读0次
    // ES6 Class写法
    class countDown{
      constructor(obj){
        this.obj = obj;
      }
      run(time,callback){
        let start = time;
        this.obj.innerText = start;
        this.clock = setInterval(() => {
          if(start === 0){
            this.destroy();
            if (callback){
              callback();
            }
          }
          else{
            start--;
            this.obj.innerText = start;
          }
        },1000);
      }
      destroy(){
        clearInterval(this.clock);
      }
    }
    
    
    // 普通函数写法
    function countDown(obj,start,callback){
      obj.innerText = start;
      var timer = setInterval(function(){
        if(start === 0){
          clearInterval(timer);
          if (callback) {
            callback();
          }
        }
        else{
          start--;
          obj.innerText = start;
        }
      },1000);
    }
    

    相关文章

      网友评论

          本文标题:倒计时的实现方式

          本文链接:https://www.haomeiwen.com/subject/hqtxvftx.html