setTimeout()方法
setTimeout()方法表示每隔多少时间,循环调用某个函数执行。如果要每隔一秒钟调用函数disptime(),其语法格式如下。
语法
setTimeout("disptime()",1000);
其中,setTimeout为内置函数名。disptime()为被调用的自定义函数,并且是每隔1000豪秒就被调用一次。1000表示间隔的时间长短,
其单位为毫秒,1000毫秒等于1秒。
下面我们就一起来看一看时间的动态显示是怎样实现的
<HTML>
<HEAD>
<TITLE>setTimeout()方法</TITLE>
<script language="javascript">
function disptime ()
{
var time=new Date();//获得当前时间
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
/*设置文本框的内容为当前时间*/
document.myform.myclock.value=hour+":"+minute+":"+second+"";
/*设置定时器每隔1秒(1000豪秒),调用函数disptime()执行,刷新时钟显示*/
var myTime=setTimeout ("disptime()",1000);
}
</script>
<style type="text/css">
/*设置样式:无边框的文本框*/
input {
font-size:30px;
border-style:none;
background-color:#ff8b3b;
}
</style>
</HEAD>
<body onLoad="disptime()">
<form name="myform">
<table width="100%" border="0" align="center">
<tr>
<td colspan="3">
<img src="imgages/mosou.jpg" width="1001" height="457">
</td>
</tr>
<tr>
<td width="37%"> </td>
<td width="41%"><h2>当前时间:
<input name="myclock" type="text" value="" size="10">
</h2>
</td>
<td width="22%"> </td>
</tr>
</table>
</form>
</body>
</HTML>
时钟会随着当前时间的改变而不断的跳动,从而实现不断地动态显示。