1. 程式人生 > 其它 >html顯示時間,並且實時重新整理(詳細程式碼)

html顯示時間,並且實時重新整理(詳細程式碼)

技術標籤:HTMLhtmljavascript

完整程式碼如下:

<div class="showTime">當前時間:2021年2月19-20時35分16秒</div>
<script>
  var t = null;
  t = setTimeout(time, 1000); //開始執行
  function time() {
    clearTimeout(t); //清除定時器
    dt = new Date();
    var y = dt.getFullYear();
    var mt = dt.getMonth() + 1
; var day = dt.getDate(); var h = dt.getHours(); //獲取時 var m = dt.getMinutes(); //獲取分 var s = dt.getSeconds(); //獲取秒 document.querySelector(".showTime").innerHTML = "當前時間:" + y + "年" + mt + "月" + day + "-"
+ h + "時" + m + "分" + s + "秒"; t = setTimeout(time, 1000); //設定定時器,迴圈執行 }
</script>

以上就是html顯示時間,並且實時重新整理(詳細程式碼)的全部內容。

看完如果對你有幫助,感謝點贊支援!
如果你是電腦端的話,看到右下角的 “一鍵三連” 了嗎,沒錯點它[哈哈]

在這裡插入圖片描述

加油!

共同努力!

Keafmd