JavaScript怎麼刪除延時器-js教程-PHP中文網

JavaScript怎麼刪除延時器

青灯夜游

發布： 2021-10-27 18:24:26

原創

4612 人瀏覽過

JavaScript刪除延時器的方法：1、使用「clearInterval(id)」語句，可以刪除由setInterval()定義的延時器；2、使用「clearTimeout(id)」語句，可刪除由setTimeout()定義的延時器。

JavaScript怎麼刪除延時器

本教學操作環境：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(&#39;txt&#39;).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怎麼刪除延時器的詳細內容。更多資訊請關注PHP中文網其他相關文章！