淺談setInterval和setTimeout的區別和使用

阿新 • • 發佈：2021-02-02

技術標籤：定時器 setTimeout setInterval javascript

淺談setInterval和setTimeout的區別和使用

1.setlnterval()

setInterval() 方法可按照指定的週期（以毫秒計）來呼叫函式或計算表示式。

		autoPlay () {
		        this.mark++
		        if (this.mark > this.banner.length - 1) {
		          // 當遍歷到最後一張圖片置零
		          this.mark = 0
		        }
		},
        play 
 () {
           // 每2.5s自動切換
          this.timer = setInterval(this.autoPlay, 2500)
        },

setInterval() 方法會不停地呼叫函式，直到 clearInterval() 被呼叫或視窗被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的引數。

// An highlighted block
startTimer () {
           this.timer = setInterval(this.autoPlay, 2500) 

        },
stopTimer () {
          clearInterval(this.timer)
},

2.setTimeout()

setTimeout只在指定時間後執行一次，程式碼如下：

setTimeout() 方法用於在指定的毫秒數後呼叫函式或計算表示式。

// An highlighted block
<html>
<head>
    <script type="text/javascript">
    //點選button按鈕，隔5秒之後輸出111111
        function autoPlay 
()
        {
            var t=setTimeout("alert('1111111')",5000)
        }
    </script>
</head>
<body>
<form>
    <input type="button" value="按鈕" onClick="autoplay()">
</form>
</body>
</html>

js中setInterval和setTimeout區別和用法

setTimeout setTimeout() //- 在指定時間後執行程式碼clearTimeout() //- 取消 setTimeout() 注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 物件的函式。

淺談setInterval和setTimeout的區別和使用

技術標籤：定時器setTimeoutsetIntervaljavascript 淺談setInterval和setTimeout的區別和使用

淺談Python中re.match()和re.search()的使用及區別

1.re.match() re.match（）的概念是從頭匹配一個符合規則的字串，從起始位置開始匹配，匹配成功返回一個物件，未匹配成功返回None。

淺談Python中threading join和setDaemon用法及區別說明

Python多執行緒程式設計時，經常會用到join()和setDaemon()方法，今天特地研究了一下兩者的區別。

淺談Python中資料夾和python package包的區別

pycharm右鍵新建時會有目錄(資料夾)和python package兩個選項，這兩個到底有什麼不同呢

淺談js中的attributes和Attribute的用法與區別

一：Attribute的幾種用法和含義（attributes和Attribute都是用來操作屬性的） getAttribute：獲取某一個屬性的值；

淺談springboot內建tomcat和外部獨立部署tomcat的區別

前兩天，我去面了個試，面試官問了我個問題，獨立部署的tomcat跟springboot內建的tomcat有什麼區別，為什麼存在要禁掉springboot的tomcat然後將專案部署到獨立的tomcat當中？

淺談SQL中的 where 和 having 的區別

基本語法知識提到where和having是我們平時經常用到的關鍵字，一起用到的免不了還有 group by

淺談Python中的異常和JSON讀寫資料的實現

異常可以防止出現一些不友好的資訊返回給使用者，有助於提升程式的可用性，在java中通過try ... catch ... finally來處理異常，在Python中通過try ... except ... else來處理異常

淺談python多執行緒和多執行緒變數共享問題介紹

1、demo 第一個程式碼是多執行緒的簡單使用，編寫了執行緒如何執行函式和類。

淺談webpack構建工具配置和常用外掛總結

webpack構建工具已經火了好幾年，也是當下狠火狠方便的構建工具，我們沒有理由不去學習。既然選擇webpack就要跟著時代走，我們要追隨大牛的步伐，大牛等等我。

淺談Java記憶體區域劃分和記憶體分配策略

如果不知道，類的靜態變數儲存在那？方法的區域性變數儲存在那？趕快收藏

淺談C/C++中指標和陣列的不同

這邊先簡單介紹一下記憶體分割槽。記憶體按照用途劃分為五個區： 1.棧區：由系統控制分配和回收。

淺談tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意點

batch很好理解，就是batch size。注意在一個epoch中最後一個batch大小可能小於等於batch size

淺談Python中的生成器和迭代器

迭代器迭代器協議物件必須提供一個next方法，執行該方法要麼返回迭代中的下一項，要麼返回一個異常來終止本次迭代。（只能往前走，不能往後退！）

淺談pytorch中torch.max和F.softmax函式的維度解釋

在利用torch.max函式和F.Ssoftmax函式時，對應該設定什麼維度，總是有點懵，遂總結一下：

淺談vue中$event理解和框架中在包含預設值外傳參

在vue中普通方法中預設帶有event DOM事件如greet方法，如果是行內函數的話如warn方法，只需要在定義方法的地方同時傳入$event即可，這裡需要強調的是在iview中，這裡用的是select元件，在其on-change事件中如果想要

淺談Redis中的雪崩和穿透及擊穿。

Redis中的雪崩和穿透及擊穿是在面試的時候經常被問到的一個問題，只要問快取，就必問這個問題。下面是我做的一些筆記的整理。

淺談樹形結構的特性和應用（上）:多叉樹，紅黑樹，堆，Trie樹，B樹，B+樹...（轉）

https://www.jianshu.com/p/6f6532bc6789 樹形結構，是指：資料元素之間的關係像一顆樹的資料結構。我們看圖說話：

淺談表單同步提交和非同步提交

（1）分析　　從特性上將，表單具有預設的提交行為，預設是同步的，即同步表單提交，瀏覽器會鎖死（轉圈... ...），等待服務端的響應結果。接下來做下對比分析