如何使用JavaScript中的setTimeout-創新互聯

今天就跟大家聊聊有關如何使用JavaScript中的setTimeout，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

網站建設公司,為您提供網站建設,網站制作,網頁設計及定制網站建設服務,專注于成都定制網頁設計,高端網頁制作,對茶樓設計等多個行業擁有豐富的網站建設經驗的網站建設公司。專業網站設計,網站優化推廣哪家好,專業seo優化排名優化,H5建站,響應式網站。

setTimeout可以在一定時間后進行一次特定處理，無需重復，本篇文章我們就來看看setTimeout定時器的使用方法。

如何使用JavaScript中的setTimeout

我們知道在JavaScript中有兩種類型的計時處理器：setInterval和setTimeout，在上一篇文章中我們已經介紹了setInterval定時器，下面的這篇文章我們就來看看JavaScript中的setTimeout定時器的使用方法。

setTimeout() 是屬于 window 的方法，該方法用于在指定的毫秒數后調用函數或計算表達式。

基本語法如下

setTimeout（function函數,固定的時間[,參數1,參數2,參數3,.......]）

下面我們就來具體看看setTimeout的用法

我們先來看一段簡單的代碼

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var count = 0;
      var countup = function(){
        console.log(count++);
      } 
    </script>
  </body>
</html>

準備count的變量，以0為基準，一個一個地計數相加（count ++），然后用console.log輸出。并且將這一系列的處理放入countupp的變量中。

假設你想在1000毫秒后調用這個變量countup計數，需要添加setTimeout()

代碼如下

<script>
      var count = 0;
      var countup = function(){
        console.log(count++);
      } 
      setTimeout(countup, 1000);
    </script>

由于setTimeout只調用一次，因此輸出0并在1000毫秒后完成。

如何使用JavaScript中的setTimeout

如何使用setTimeout()像setInterval()一樣迭代計數呢？

我們可以在迭代函數中寫入setTimeout，即{}，用countup（）調用它 ;

代碼如下

<script>
  var count = 0;
  var countup = function(){
    console.log(count++);
    setTimeout(countup, 1000);
  } 
  countup();</script>

通過這樣做，它從一旦完成處理的點開始再次重復相同的過程1000毫秒。

運行效果如下：處理類似于setInterval的行為。

如何使用JavaScript中的setTimeout

如果想要停止計數，我們需要使用clearTimeout。

代碼如下

var id = setTimeoutl（countup，1000）;

通過使用clearTimeout指定此id ，您可以隨時停止setTimeout處理（很明顯，停止處理了）

<script>
  var count = 0;
  var countup = function(){
    console.log(count++);
    var id = setTimeout(countup, 1000);
    if(count > 5){　
      clearTimeout(id);　
    }
  }
  countup();
</script>

在上面的程序中，當執行setTimeout的計數并且countup變為大于5（if（count> 5））時，執行clearTimeout。

因此，它最多可以計數到5。

如何使用JavaScript中的setTimeout