前端通用-倒计时方法

扎扎小成

于 2021-03-27 17:58:23 发布

阅读量430

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_41271393/article/details/115269018

版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

这段代码展示了一个JavaScript倒计时功能的实现。通过计算给定日期与当前日期之间的差值，更新天数、小时、分钟和秒数，并使用setInterval每秒刷新显示。当时间已过时，显示为'00:00:00'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

倒计时

  show_time: function () {
      let that = this;
      function runTime() {
        //时间函数
        let intDiff = that.datatime - Date.parse(new Date()) / 1000;  // that.datatime传入的参数  
        let day = 0,
          hour = 0,
          minute = 0,
          second = 0;
        if (intDiff > 0) {
          //转换时间
          if (that.isDay === true) {
            day = Math.floor(intDiff / (60 * 60 * 24));
          } else {
            day = 0;
          }
          hour = Math.floor(intDiff / (60 * 60)) - day * 24;
          minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60;
          second =
            Math.floor(intDiff) -
            day * 24 * 60 * 60 -
            hour * 60 * 60 -
            minute * 60;
          if (hour <= 9) hour = "0" + hour;
          if (minute <= 9) minute = "0" + minute;
          if (second <= 9) second = "0" + second;
          that.day = day;
          that.hour = hour;
          that.minute = minute;
          that.second = second;
        } else {
          that.day = "00";
          that.hour = "00";
          that.minute = "00";
          that.second = "00";
        }
      }
      runTime();
      setInterval(runTime, 1000);
    },
  },