zoukankan      html  css  js  c++  java
  • js倒计时|天时分秒| countTime

    js倒计时|天时分秒| countTime

    <!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>
    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();
  • 相关阅读:
    WPF 自定义ComboBox样式,自定义多选控件
    .net core 的网站
    grpc详细入门
    如何遍历所有程序集中的成员、类
    【C#】IDispose接口的应用
    redis集群简介
    What’s your most controversial programming opinion?
    初学PHP——欲得生受用,须下死功夫!
    Great OOP
    博客园背景特效粒子鼠标跟踪吸附
  • 原文地址:https://www.cnblogs.com/tommymarc/p/12914892.html
Copyright © 2011-2022 走看看