美文网首页让前端飞
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