您好,登錄后才能下訂單哦!
這篇文章主要講解了“JavaScript刪除延時器的方法是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript刪除延時器的方法是什么”吧!
JavaScript刪除延時器的方法:1、使用“clearInterval(id)”語句,可以刪除由setInterval()定義的延時器;2、使用“clearTimeout(id)”語句,可刪除由setTimeout()定義的延時器。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript 延時器,又稱定時器,有時也稱為“計時器”,用來在經過指定的時間后執行某些任務,類似于我們生活中的鬧鐘。
在 JavaScript 中,我們可以利用延時器來延遲執行某些代碼,或者以固定的時間間隔重復執行某些代碼。
JavaScript 中提供了兩種方式來設置定時器,分別是 setTimeout() 和 setInterval();而對應的刪除延時器的方法也有兩種:
clearInterval() 取消由 setInterval() 設置的 timeout。
clearTimeout() 取消由 setTimeout() 方法設置的 timeout。
clearInterval()
clearInterval() 方法可取消由 setInterval() 設置的 timeout。
語法:
clearInterval(id)
clearInterval() 方法的參數必須是由 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() 方法設置的 timeout。
語法:
clearTimeout(id)
clearInterval() 方法的參數必須是由 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>
感謝各位的閱讀,以上就是“JavaScript刪除延時器的方法是什么”的內容了,經過本文的學習后,相信大家對JavaScript刪除延時器的方法是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。