美文网首页让前端飞
js简单实现倒计时功能(2)

js简单实现倒计时功能(2)

作者: Sven0706 | 来源:发表于2018-12-29 18:22 被阅读3次
    /**
       * 倒计时
       * @param {string} 剩余秒数
       * @param {function} 回调函数
       */
      countDown(times,callback){
        let timer = null;
        timer = setInterval(() => {
          if(times > 0){
            let day = Math.floor(times / (60 * 60 * 24));
            let hour = Math.floor(times / (60 * 60)) - (day * 24);
            let minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
            let second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
            day = `${day < 10 ? '0' : ''}${day}`;
            hour = `${hour < 10 ? '0' : ''}${hour}`;
            minute = `${minute < 10 ? '0' : ''}${minute}`;
            second = `${second < 10 ? '0' : ''}${second}`;
            callback(`${minute}:${second}`)
            times--;
          }else{
            clearInterval(timer);
            callback(false)
          }
        }, 1000);
        if (times <= 0) {
          clearInterval(timer);
          callback(false)
        }
      }
    

    调用方法

    countDown(endTime,res => {
       if (res) {
          console.log(res) // 15:00
       }else{
         console.log(res) //倒计时结束
        }
     })
    

    相关文章

      网友评论

        本文标题:js简单实现倒计时功能(2)

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