十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
JavaScript可以按時間間隔執(zhí)行。這稱為計時事件。window對象允許以指定的時間間隔執(zhí)行代碼。這些時間間隔稱為定時事件。與JavaScript一起使用的兩個關(guān)鍵方法是:
成都創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目成都網(wǎng)站設(shè)計、成都做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元花垣做網(wǎng)站,已為上家服務(wù),為花垣各地企業(yè)和個人服務(wù),聯(lián)系電話:18982081108
setTimeout(function, milliseconds)
在等待指定的毫秒數(shù)后執(zhí)行一個函數(shù)。
setInterval(function, milliseconds)
與setTimeout()相同,但是連續(xù)重復執(zhí)行該函數(shù)。
setTimeout()和setInterval()是HTML DOM Window對象的方法。
setTimeout()方法
//語法:window.setTimeout(function, milliseconds);
window.setTimeout()可以在沒有window前綴的情況下編寫該方法。
第一個參數(shù)是要執(zhí)行的函數(shù)。第二個參數(shù)表示執(zhí)行前的毫秒數(shù)。
單擊按鈕。等待3秒鐘,頁面將提示“Hello”:
如何停止執(zhí)行setTimeout?
clearTimeout()方法停止執(zhí)行setTimeout()中指定的函數(shù)。
window.clearTimeout(timeoutVariable)
window.clearTimeout()可以在沒有window前綴的情況下編寫該方法。
clearTimeout()方法使用從setTimeout()以下返回的變量:
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
如果函數(shù)尚未執(zhí)行,則可以通過調(diào)用clearTimeout()方法來停止執(zhí)行:
與上面的示例相同,但添加了“停止”按鈕:?
setInterval()方法
setInterval()方法在每個給定的時間間隔重復給定的函數(shù)。
window.setInterval(function, milliseconds);
window.setInterval()可以在沒有window前綴的情況下編寫該方法。
第一個參數(shù)是要執(zhí)行的函數(shù)。
第二個參數(shù)表示每次執(zhí)行之間的時間間隔的長度。
此示例每秒執(zhí)行一次名為“myTimer”的函數(shù)(如數(shù)字手表)。
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
如何停止執(zhí)行setInterval?
clearInterval()方法停止執(zhí)行setInterval()方法中指定的函數(shù)。
window.clearInterval(timerVariable)
window.clearInterval()可以在沒有window前綴的情況下編寫該方法。
clearInterval()方法使用從setInterval()以下返回的變量:
myVar = setInterval(function, milliseconds);
clearInterval(myVar);
與上面的示例相同,但我們添加了“停止時間”按鈕:
更多HTML BOM Window對象的方法