js倒计时|天时分秒| countTime

时间:2020-08-01
本文章向大家介绍js倒计时|天时分秒| countTime,主要包括js倒计时|天时分秒| countTime使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

js

const endTimeObj = new Date("2020-5-1");
function countTime() {
  //时间差
  var leftTime = endTimeObj - new Date();
  //定义变量 d,h,m,s保存倒计时的时间
  var d, h, m, s;
  if (leftTime < 0) {
    return;
  }
  d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
  h = Math.floor((leftTime / 1000 / 60 / 60) % 24);
  m = Math.floor((leftTime / 1000 / 60) % 60);
  s = Math.floor((leftTime / 1000) % 60);
  const str = `${d}天${h}时${m}分${s}秒`;
  setTimeout(countTime, 1000);
  console.log(str);
  //将倒计时赋值到div中
  //递归每秒调用countTime方法,显示动态时间效果
}
countTime();

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>倒计时</title>
  </head>
  <body>
    <script type="text/javascript">
      const endTimeObj = new Date("2020-5-1");
      function countTime() {
        //时间差
        var leftTime = endTimeObj - new Date();
        //定义变量 d,h,m,s保存倒计时的时间
        var d, h, m, s;
        if (leftTime < 0) {
          return;
        }
        d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
        h = Math.floor((leftTime / 1000 / 60 / 60) % 24);
        m = Math.floor((leftTime / 1000 / 60) % 60);
        s = Math.floor((leftTime / 1000) % 60);
        const str = `${d}天${h}时${m}分${s}秒`;
        setTimeout(countTime, 1000);
        console.log(str);
        //将倒计时赋值到div中
        //递归每秒调用countTime方法,显示动态时间效果
      }
      countTime();
    </script>
  </body>
</html>

 

$flag 上一页 下一页