js倒計時|天時分秒| countTime

本文轉載自查看原文 2020-05-19 09:08 583 html/css/ javascript

<!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();

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js倒計時天時分秒 vue倒計時：天時分秒 jq實現(天時分秒)倒計時 js毫秒轉換天時分秒/動態倒計時 JS與React分別實現倒計時（天時分秒） js簡單時分秒倒計時 js簡單時分秒倒計時 vue倒計時（時分秒）組件使用CounterDownTimer實現時分秒倒計時 PHP 實現簡單的倒計時時分秒