前端中實時顯示當前時間的js程式碼
阿新 • • 發佈:2021-02-19
純小白,不對的地方請指正
程式碼:
<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>
效果: