js 間隔時間執行函數
循環：每隔1秒執行一次
window.setInterval(infospan, 1000);
window.setInterval(infospan, 1000);
一次：等待5秒后執行
window.setTimeout(infospan, 500);
js的setInterval()每隔指定的時間就執行對應的函數
setInterval()函數的語法如下：
setInterval ( code, milliseconds[, args...] )
// 每隔5秒鍾就彈出提示信息"歡迎來到CodePlayer"。
setInterval('alert("歡迎來到CodePlayer");', 5000);
參數code也可以是一個函數調用。
function my(){
alert("dhm");
}
// 每隔5秒鍾就彈出提示信息"dhm"。
var intervalID = setInterval(my, 5000);
// 取消該定時設置
clearInterval(intervalID);
---------------------
HTML DOM setInterval()、clearInterval() 方法
<html> <head> <title>標題</title> <script src="../js/clock.js" mce_src="js/clock.js" language="JavaScript"> </script> </head> <body> <div id="clock"></div> <script language="JavaScript"> <!-- var clockDiv = document.getElementById("clock"); // 自定義時鍾對象，實時顯示當前時間 var clickObj = new Clock(clockDiv); /* * setInterval()方法使用，周期性的調用clickObj.getCurrentDate() * 以更新顯示內容 */ var intervalId = window.setInterval("clickObj.getCurrentDate()", 1000); // --> </script> <br> <!-- 此處clearInterval()方法的參數intervalId就是上面setInterval()調用后的 返回值 --> <input type="button" onclick="window.clearInterval(intervalId)" value="停止計時" /> </body> </html>
setTimeout和setInterval
setTimeout和setInterval的語法相同。它們都有兩個參數，一個是將要執行 的代碼字符串，還有一個是以毫秒為單位的時間間隔，當過了那個時間段之后就將 執行那段代碼。 不過這兩個函數還是有區別的，setInterval在執行完一次代碼之后，經過 了那個固定的時間間隔，它還會自動重復執行代碼，而setTimeout只執行一次那 段代碼。 區別：window.setTimeout("function",time)；//設置一個超時對象，只執行一次,無周期 window.setInterval("function",time)；//設置一個超時對象，周期＝'交互時間' 停止定時： window.clearTimeout(對象) 清除已設置的setTimeout對象 window.clearInterval(對象) 清除已設置的setInterval對象
showTime(); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); setTimeout("showTime()", 5000); } 一旦調用了這個函數，那么就會每隔5秒鍾就顯示一次時間
===========================================================
setInterval("showTime()", 5000);
function showTime() {
var today = new Date();
alert("The time is: " + today.toString());
}
而setInterval卻沒有被自己所調用的函數所束縛，它只是簡單地每隔一定時間
就重復執行一次那個函數。