定時無刷新更新頁面數據

window.clearInterval與window.setInterval的用法

window.setInterval()

功能：按照指定的週期（以毫秒計）來調用函數或計算表達式。

語法：setInterval(code,millisec)

 

解釋：code：在定時時間到時要執行的JavaScript代碼串。

millisec：設定的定時時間，用毫秒數表示。

返回值：定時器的ID值，可用於clearInterval()方法中止指定的定時器。

注：setInterval()方法會不停地調用函數，直到用clearInterval()終止定時或窗口被關閉。

window.clearInterval()

功能：取消由setInterval()方法設置的定時器。

語法：clearInterval(id_of_setinterval)

解釋：id_of_setinterval：由setInterval()返回的ID值。該值標識了一個setInterval定時器。

也就是：window.setInterval()返回的就是window.clearInterval的參數

例子：

function init()
{　　　　　
window.setInterval('Check()',5000);
//每隔5秒自動調用Check()　　　
}

//當check()函數中調用DWR或Ajax時，便可實現頁面局部數據的無刷新修改
function Check()
{
var trobj=document.getElementById("1");
trobj.cells(1).innerText="風調雨順"+i;
i++;
}

<input type="button" value="開始計時" /> <input type="text" id="timetxt" size="5" /> <input type="button" value="中止計時" />  再如： var objTimer = window.setInterval("moveDiv()",10)是調動定時器，其中moveDiv是js的一個函數 if(objTimer) window.clearInterval(objTimer)是中止定時器