重点
  • setInterval(function () {}
  • Math.floor
  • Date()
  1. <head>
  2.    <meta charset="UTF-8" />
  3.    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  4.    <title>Document</title>
  5.    <script type="text/javascript">
  6.      //当活动结束时，事件会反向显示，没有清零，定义全局变量timer用来清除时间
  7.      var timer = setInterval(function () {
  8.        myFun();
  9.      }, 1000);
  10.      function myFun() {
  11.        var current = new Date(); //当前时间
  12.        var lastDate = new Date("2020-11-11 00:00:00"); //双11当天
  13.        var diff = lastDate - current;
  14.        // alert(diff);//弹出时间差值
  15.        // 1秒=1000毫秒 有毫秒数 diff
  16.        //有多少秒 ：diff/1000
  17.        // 有多少分： diff/1000/60
  18.        // 有多少小时：diff/1000/60/60
  19.        // 有多少天：diff/1000/60/60/24
  21.        var day = Math.floor(diff / 1000 / 60 / 60 / 24); //Math.floor取整，去尾数
  22.        // alert(day);
  23.        var hour = Math.floor((diff / 1000 / 60 / 60) % 24);
  24.        var minutes = Math.floor((diff / 1000 / 60) % 60);
  25.        var seconds = Math.floor((diff / 1000) % 60);
  26.        document.open();
  27.        document.write(
  28.          "距离双十一还剩：" +
  29.            day +
  30.            "天" +
  31.            hour +
  32.            "时" +
  33.            minutes +
  34.            "分" +
  35.            seconds +
  36.            "秒"
  37.        );
  38.        if (day < 0) {
  39.          clearInterval(timer);
  40.          document.open();
  41.          document.write("活动已结束");
  42.        }
  43.      }
  44.      myFun();
  45.    </script>
  46.  </head>