1. 程式人生 > 其它 >前端中實時顯示當前時間的js程式碼

前端中實時顯示當前時間的js程式碼

技術標籤:走過的坑前端

純小白,不對的地方請指正

程式碼:

<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();//獲取秒 // 為類名為`.showTime`的元素新增時間 document.querySelector(".showTime").innerHTML = '當前時間:' + y + "年" + mt + "月" + day + "-" + h + "時" + m + "分" + s + "秒"
; t = setTimeout(time, 1000); //設定定時器,迴圈執行 } </script>

效果:
在這裡插入圖片描述