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

JS中setInterval與setTimeout實例分析

小云云
發布: 2018-02-27 14:41:45
原創
1625 人瀏覽過

本文主要跟大家分享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()

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

相關推薦:

JS實作定時任務每隔N秒請求後台setInterval定時和ajax請求問題

#JavaScript中setInterval的使用詳解

JavaScript計時器中關於setTimeout()與setInterval()的詳解

#

以上是JS中setInterval與setTimeout實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板