1. 程式人生 > >js實現時鐘顯示

js實現時鐘顯示

 <html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()//宣告物件變數
var h=today.getHours()//得到當前小時數
var m=today.getMinutes()//得到當前分鐘數
var s=today.getSeconds()//得到當前秒數
// add a zero in front of numbers<10 //這個功能是為時間的分、秒小於10時為他們的前面添加個0 例如:15:03:04 而如果大於10了 就不用在前面再新增0了!!!!
m=checkTime(m)//這句就是把得到的m傳入到函式,然後把執行的結果返回回來再給m重新賦值(這點你要理解,程式的執行方式)。
s=checkTime(s)//同理
document.getElementById('txt').innerHTML=h+":"+m+":"+s//獲取ID為txt的div並且把此時的時間按照 XX:XX:XX的格式打印出來
t=setTimeout('startTime()',500)//setTimeout是windows api 提供的介面

}
//這個函式的功能就是為了把分、秒小於10的數前面加個0,達到格式統一!!
function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i//返回新增好的數值
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>