使用 JavaScript 在网页上显示一个钟表。
/*
* 代码摘自:w3school — "http://www.w3school.com.cn/h.asp"
*/
<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
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
// 此处很关键,通过setTimeout()方法不断的调用显示时间的函数,从而达到钟表的效果
// setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式
// setTimeout() 只执行code一次,如果要多次调用,请使用setInterval()或者让code自身再次调用setTimeout()
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body οnlοad="startTime()">
<div id="txt"></div>
</body>
</html>