JavaScript刪除延時器的方法:1、使用“clearInterval(id)”語句,可以刪除由setInterval()定義的延時器;2、使用“clearTimeout(id)”語句,可刪除由setTimeout()定義的延時器。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JavaScript 延時器,又稱定時器,有時也稱為“計時器”,用來在經(jīng)過指定的時間后執(zhí)行某些任務(wù),類似于我們生活中的鬧鐘。
在 JavaScript 中,我們可以利用延時器來延遲執(zhí)行某些代碼,或者以固定的時間間隔重復(fù)執(zhí)行某些代碼。
JavaScript 中提供了兩種方式來設(shè)置定時器,分別是 setTimeout() 和 setInterval();而對應(yīng)的刪除延時器的方法也有兩種:
-
clearInterval() 取消由 setInterval() 設(shè)置的 timeout。
-
clearTimeout() 取消由 setTimeout() 方法設(shè)置的 timeout。
clearInterval()
clearInterval() 方法可取消由 setInterval() 設(shè)置的 timeout。
語法:
clearInterval(id)
clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。
示例:
<html> <body> <input type="text" id="clock" size="35" /> <script language=javascript> var int=self.setInterval("clock()",50) function clock() { var t=new Date() document.getElementById("clock").value=t } </script> </form> <button onclick="int=window.clearInterval(int)"> Stop interval</button> </body> </html>
clearTimeout()
clearTimeout() 方法可取消由 setTimeout() 方法設(shè)置的 timeout。
語法:
clearTimeout(id)
clearInterval() 方法的參數(shù)必須是由 setTimeout() 返回的 ID 值。
示例:
<html> <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000) } function stopCount() { clearTimeout(t) } </script> </head> <body> <form> <input type="button" value="Start count!" onClick="timedCount()"> <input type="text" id="txt"> <input type="button" value="Stop count!" onClick="stopCount()"> </form> </body> </html>
【推薦學(xué)習:javascript高級教程】