天天看點

57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺

文章目錄

  • 1、定時器方法
  • 示例:
  • 案例:限時秒殺

JavaScript

中可通過

window

對象提供的方法實作在指定時間後執行特定操作,也可以讓程式代碼每隔一段時間執行一次,實作間歇操作。

1、定時器方法

57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺

setTimeout()

setInterval()

方法差別:

相同點:都可以在一個固定時間段内執行

JavaScript

程式代碼。

不同點:

setTimeout()

隻執行一次代碼,

setInterval()

會在指定的時間後,自動重複執行代碼。

57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺

setTimeout()

方法在執行一次後即停止了操作;

setInterval()

方法一旦開始執行,在不加幹涉的情況下,間歇調用将會一直執行到頁面關閉為止。

若要在定時器啟動後,取消該操作,可以将

setTimeout()

的傳回值(定時器

ID

)傳遞給

clearTimeout()

方法;或将setInterval()的傳回值傳遞給

clearInterval()

方法。

示例:

57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺
57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺
57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺

案例:限時秒殺

57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺
57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺
57 BOM之window對象——定時器1、定時器方法示例:案例:限時秒殺

繼續閱讀