如何使用JavaScript中的setTimeout

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

十載的德令哈網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷型網(wǎng)站的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整德令哈建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“德令哈網(wǎng)站設(shè)計(jì)”,“德令哈網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

如何使用JavaScript中的setTimeout

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

setTimeout() 是屬于 window 的方法，該方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。

基本語(yǔ)法如下

setTimeout（function函數(shù),固定的時(shí)間[,參數(shù)1,參數(shù)2,參數(shù)3,.......]）

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

我們先來看一段簡(jiǎn)單的代碼

<!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>

準(zhǔn)備count的變量，以0為基準(zhǔn)，一個(gè)一個(gè)地計(jì)數(shù)相加（count ++），然后用console.log輸出。并且將這一系列的處理放入countupp的變量中。

假設(shè)你想在1000毫秒后調(diào)用這個(gè)變量countup計(jì)數(shù)，需要添加setTimeout()

代碼如下

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

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

如何使用JavaScript中的setTimeout

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

我們可以在迭代函數(shù)中寫入setTimeout，即{}，用countup（）調(diào)用它 ;

代碼如下

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

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

運(yùn)行效果如下：處理類似于setInterval的行為。

如何使用JavaScript中的setTimeout

如果想要停止計(jì)數(shù)，我們需要使用clearTimeout。

代碼如下

var id = setTimeoutl（countup，1000）;

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

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

在上面的程序中，當(dāng)執(zhí)行setTimeout的計(jì)數(shù)并且countup變?yōu)榇笥?（if（count> 5））時(shí)，執(zhí)行clearTimeout。

因此，它最多可以計(jì)數(shù)到5。

如何使用JavaScript中的setTimeout

最后，我們來簡(jiǎn)單看一下setInterval計(jì)數(shù)和使用setTimeout計(jì)數(shù)之間的區(qū)別

在使用setInterval進(jìn)行迭代處理的情況下：在從處理起始點(diǎn)開始的一定時(shí)間后重復(fù)相同的處理

迭代setTimeout時(shí)：從處理結(jié)束點(diǎn)開始經(jīng)過一段時(shí)間后重復(fù)相同的處理

因此，即使你在相同的1000毫秒之后指定時(shí)間，開始下一個(gè)過程所需的時(shí)間也會(huì)發(fā)生變化。

此外，如果一個(gè)進(jìn)程所需的時(shí)間超過間隔時(shí)間，則行為將是有缺陷的。如果你想確保處理和處理之間有一定的余量，我們可以使用setTimeout。

看完上述內(nèi)容，你們對(duì)如何使用JavaScript中的setTimeout有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

網(wǎng)站名稱：如何使用JavaScript中的setTimeout
標(biāo)題來源：http://bm7419.com/article32/pcdhsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、企業(yè)建站、定制網(wǎng)站、App開發(fā)、網(wǎng)站設(shè)計(jì)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)