美文网首页
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