日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

包含天,时,分,秒的倒计时

發布時間:2023/12/19 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 包含天,时,分,秒的倒计时 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

這個很基礎的東西寫的過程中出了很多小的錯誤,在此記錄一下。

原生的js。

結構:

<p id="time"></p>

js:

<script>
  var start = new Date().getTime(); // 獲取開始時間
  var end = new Date("2019-01-22 18:00:00").getTime(); // 設置結束時間
  var space = Math.floor((end-start)/1000) // 獲取時間差值
  function countDown(time){
    var timer = null;
    timer = setInterval(function(){
      var day = 0; // 設置默認時間均為0
        hour = 0;
        minute = 0;
        second = 0;
      if(time > 0){
        day = Math.floor(time / 60 / 60 / 24);
        hour = Math.floor(time / 60 / 60 % 24);
        minute = Math.floor(time / 60 % 60);
        second = Math.floor(time % 60);

        
      // 其中計算時間的這部分代碼可以寫成如下兩種方式:

        day = Math.floor(times / (60 * 60 * 24));
        hour = Math.floor(times / (60 * 60)) - (day * 24);
        minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60);
        second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
      
      // 或者:
                 day = parseInt(times / 60 / 60/ 24);
        hour = parseInt(times / 60 / 60 % 24);
        minute = parseInt(times / 60 % 60);
        second = parseInt(times % 60);
      }

      
      

      
      if(minute <= 9){
        minute = "0" + minute;
      }
      if(second <= 9){
        second = "0" + second;
      }
      time--;
      document.getElementById("time").innerHTML = "剩余時間是:"+day+"天"+hour+"小時"+minute+"分"+second+"秒";
    },1000)
    if(time <= 0){
      clearInterval(timer) // 關閉定時器
    }
  }
  countDown(space);
</script>

?

轉載于:https://www.cnblogs.com/ly-qingqiu/p/10304252.html

總結

以上是生活随笔為你收集整理的包含天,时,分,秒的倒计时的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。