js動態時鐘
阿新 • • 發佈:2022-04-08
html程式碼
<h1 id="date"></h1> <span id="msg"></span>
js程式碼
function showDateTime(){ var week = new Array('日','一','二','三','四','五','六'); var myDate = new Date(); var year = myDate.getFullYear(); var mouth = myDate.getMonth();var date = myDate.getDate(); var day = week[myDate.getDay()];//getDay()獲取數字星期的陣列索引 var h = myDate.getHours(); var m = myDate.getMinutes(); var s = myDate.getSeconds(); //輸入日期和星期 document.getElementById("date").innerHTML=(year+"年"+mouth+"月"+date+"日"+"星期"+day+"<br>");//格式化時分秒 h = formatTwoDigits(h); m = formatTwoDigits(m); s = formatTwoDigits(s); //輸入時間 document.getElementById("msg").innerHTML = (h+"時"+m+"分"+s+"秒"+"<br>"); setTimeout("showDateTime()",1000); } window.onload = showDateTime;//若不足兩位,前面補零 function formatTwoDigits(s){ if(s<10){ return "0"+s; }else{ return s; } }