美文网首页
JS:时间倒计时

JS:时间倒计时

作者: 德日班勒 | 来源:发表于2021-03-23 15:46 被阅读0次
    // 倒计时
    countTime() {
      // 获取当前时间
      const date = new Date();
      const now = date.getTime();
      // 设置截止时间
      const str = '2021/3/24 00:00:00';
      const endDate = new Date(str);
      const end = endDate.getTime();

      // 时间差
      const leftTime = end - now;
      // 定义变量 d,h,m,s保存倒计时的时间
      if (leftTime >= 0) {
        const d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
        const h = Math.floor((leftTime / 1000 / 60 / 60) % 24);
        const m = Math.floor((leftTime / 1000 / 60) % 60);
        const s = Math.floor((leftTime / 1000) % 60);
        console.log(d, h, m, s);
      }
      // 递归每秒调用countTime方法,显示动态时间效果
      setTimeout(this.countTime, 1000);
    },

相关文章

网友评论

      本文标题:JS:时间倒计时

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