在編寫客戶端腳本時,我們經常用到setInterval()函數,這個函數的原型如下:
setInterval(code,millisec)
其中,code是要調用的函數或執行的代碼串;mellisec為周期性執行或調用code代碼之間的時間間隔,單位為毫秒,這兩個參數都是必需給出的。
該函數的返回值為setInterval函數的ID標識,每次調用setInterval函數都會產生一個唯一的ID,可以通過clearInterval函數(此函數的參數接收一個setInterval返回的ID)暫停setInterval函數。
該函數可按照指定的周期(以毫秒計)來調用函數或計算表達式。
setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的參數。
下面舉一個例子來說明setInterval()的使用方法,這個例子主要是在客戶端顯示當前的時間:
<html>
<head>
<title>Javascript 的動態時間-武林網CUOXIN(www.49028c.com)</title>
</head>
<body>
<script type="text/javascript">
function showTime(){
var dt= new Date () ;
var curDate= dt.getFullYear()+"年"+dt.getMonth()+"月"+dt.getDate()+"日" ;
var curTime = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
var curDateTime = curDate+" " + curTime;
document.getElementById('curDateTime').innerHTML = curDateTime;
}
setInterval(showTime,1000);
</script>
<h1>Javascript動態顯示日期和時間</h1>
<p>你觀察一下面的日期和時間是否在不斷地變化,而且與你的系統時間是一致的。</p>
<p id = "curDateTime"></p>
</body>
</html>
新聞熱點
疑難解答