首頁 >web前端 >js教程 >JS中setInterval與setTimeout實例分析

JS中setInterval與setTimeout實例分析

小云云原創: 2018-02-27 14:41:451668瀏覽

本文主要跟大家分享JS中setInterval和setTimeout實例分析，希望能幫助大家。

1 setInterval

是一個函數，功能：可以重複去執行某段程式碼區塊（函數）
setInterval(函數，時間間隔)，隔多少時間，去重複執行第一個參數（函數區塊）
注意：時間單位毫秒 1000 = 1秒
函數名稱不能加括號這種寫法是錯的: fn()

2 clearInterval 清除定時器（setInterval）

 注意：  在开启一个新的定时器之前，先清除定时器

3 chrome 新標籤頁外掛
Infinity新標籤頁

4 aLi是類別數組，循環設定樣式的時候注意使用for循環，不要用for in

5 setTimeout 語法結構和setInterval類似，但是表示的意思不一樣
setTimeout 等到多少時間後才去執行某段程式碼區塊，類似定時*
setTimeout(fn, 3000), 等到3秒鐘以後去執行fn函數定時*
setInterval(fn, 3000), 每隔3秒去執行fn函數引擎

6 遞迴函數
函數中可以呼叫別的函數，還可以呼叫自己,這個函數叫做遞歸函數
注意：遞歸函數有遞進和迴歸兩重意思
遞歸函數的應用場景：一個大的問題可以分割成多個相似的子問題，這些子問題的解法類似，
這時候可以用遞迴函數，
例如：把這個需求：在body中印出1-3看作是一個大問題
子問題：每次打一個數，解決方案，document.write()

遞歸創建資料夾，遞歸刪除資料夾

注意：寫遞歸函數的時候要注意出口，要為遞歸呼叫設定退出的條件

7 清除定時器
setInterval 每隔一定的時間去執行一段程式碼（迴圈）清除： clearInterval
setTimeout 等到一定的時間後執行一段程式碼（執行一次）清除： clearTimeout

1 setInterval
是一個函數，功能：可以重複去執行某段程式碼區塊（函數）
setInterval(函數，時間間隔)，隔多少時間，去重複執行第一個參數（函數區塊）
注意：時間單位毫秒 1000 = 1秒
函數名稱不能加括號這種寫法是錯的: fn()