setTimeout()方法
setTimeout()方法表示每隔多少時間,循環(huán)調(diào)用某個函數(shù)執(zhí)行。如果要每隔一秒鐘調(diào)用函數(shù)disptime(),其語法格式如下。
語法
setTimeout("disptime()",1000);
其中,setTimeout為內(nèi)置函數(shù)名。disptime()為被調(diào)用的自定義函數(shù),并且是每隔1000豪秒就被調(diào)用一次。1000表示間隔的時間長短,
其單位為毫秒,1000毫秒等于1秒。
下面我們就一起來看一看時間的動態(tài)顯示是怎樣實現(xiàn)的
<HTML>
<HEAD>
<TITLE>setTimeout()方法</TITLE>
<script language="javascript">
function disptime ()
{
var time=new Date();//獲得當(dāng)前時間
var hour=time.getHours();
var minute=time.getMinutes();
var second=time.getSeconds();
/*設(shè)置文本框的內(nèi)容為當(dāng)前時間*/
document.myform.myclock.value=hour+":"+minute+":"+second+"";
/*設(shè)置定時器每隔1秒(1000豪秒),調(diào)用函數(shù)disptime()執(zhí)行,刷新時鐘顯示*/
var myTime=setTimeout ("disptime()",1000);
}
</script>
<style type="text/css">
/*設(shè)置樣式:無邊框的文本框*/
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>當(dāng)前時間:
<input name="myclock" type="text" value="" size="10">
</h2>
</td>
<td width="22%"> </td>
</tr>
</table>
</form>
</body>
</HTML>
時鐘會隨著當(dāng)前時間的改變而不斷的跳動,從而實現(xiàn)不斷地動態(tài)顯示。