1. 程式人生 > 其它 >js動態時鐘

js動態時鐘

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; } }