<body>…</body>中有:
<input type=text name=input1 size=9>
<head>…</head>之间
<
script language
=
JavaScript
>
<!--
var sec = 0 ; // 秒
var min = 0 ; // 分
var hour = 0 ; // 小时
window.setTimeout( " update(); " , 1000 ); // 每1000毫秒调用一次update()
function update()
{
sec ++ ;
if (sec == 60 )
{
sec = 0 ;
min ++ ;
}
if (min == 60 )
{
min = 0 ;
hour ++ ;
}
document.forms.input1.value = hour + " 小时 " + min + " 分钟 " + sec + " 秒 " ;
window.setTimeout( " update() " , 1000 );
}
// -->
</ script >
<!--
var sec = 0 ; // 秒
var min = 0 ; // 分
var hour = 0 ; // 小时
window.setTimeout( " update(); " , 1000 ); // 每1000毫秒调用一次update()
function update()
{
sec ++ ;
if (sec == 60 )
{
sec = 0 ;
min ++ ;
}
if (min == 60 )
{
min = 0 ;
hour ++ ;
}
document.forms.input1.value = hour + " 小时 " + min + " 分钟 " + sec + " 秒 " ;
window.setTimeout( " update() " , 1000 );
}
// -->
</ script >
注:为什么要两次在不同的地方调用update()函数呢?如果注释掉前面的语句,则什么都不会显示;如果注释掉后面的语句,则只出现第一秒的情形。
注2:第一句调用语句,是调用了update()函数;第二句调用语句,是循环调用update()函数。所以两句都不能缺少的。
注3:如果在<body>标签内加上 οnlοad=”update();” ,那第一句调用语句去掉也行(是一定要去掉)。