html顯示時間,並且實時重新整理(詳細程式碼)
阿新 • • 發佈:2021-02-20
技術標籤: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