JS之定時器

2022-09-17 16:18:15 字數 1256 閱讀 6762

- setinterval():迴圈呼叫。將一段**,**每隔一段時間**執行一次。(迴圈執行)

- settimeout():延時呼叫。將一段**,等待一段時間之後**再執行**。(只執行一次)

備註:在實際開發中,二者是可以根據需要,互相替代的。

`setinterval()`:迴圈呼叫。將一段**,**每隔一段時間**執行一次。(迴圈執行)

**引數**:

- 引數1:**函式,該函式會每隔一段時間被呼叫一次。

- 引數2:每次呼叫的間隔時間,單位是毫秒。

**返回值**:返回乙個number型別的資料。這個數字用來作為定時器的**唯一標識**,方便用來清除定時器。

**方式一:**匿名函式

每間隔一秒,將 數字 加1:

```j**ascript

let num = 1;

setinterval(function () , 1000);

```**方式二:**

每間隔一秒,將 數字 加1:

```j**ascript

setinterval(fn,1000);

function fn()

定時器的返回值是作為這個定時器的**唯一標識**,可以用來清除定時器。具體方法是:假設定時器setinterval()的返回值是`引數1`,那麼`clearinterval(引數1)`就可以清除定時器。

settimeout()的道理是一樣的。

**舉例:

```html

`settimeout()`:延時呼叫。將一段**,等待一段時間之後**再執行**。(只執行一次)

**引數**:

- 引數1:**函式,該函式會每隔一段時間被呼叫一次。

- 引數2:每次呼叫的間隔時間,單位是毫秒。

**返回值**:返回乙個number型別的資料。這個數字用來作為定時器的**唯一標識**,方便用來清除定時器。

**舉例:

```j**ascript

const timer = settimeout(function() , 3000);

cleartimeout(timer);

**舉例:(箭頭函式寫法)

```j**ascript

settimeout(() => , 3000);

```5秒後關閉網頁兩側的廣告欄

假設網頁兩側的廣告欄為兩個img標籤,它們的樣式為:

```html

5秒後關閉廣告欄的js**為:

```html

```

JS之定時器

1 每隔特定的時間呼叫一次,重複呼叫 setinterval function 1000 2 在特定時間之後呼叫函式,只呼叫一次 setinterval function 1000 由於上一步所說的兩個函式均有返回值,我們可以定義乙個變數 var time null time setinterval...

JS迴圈定時器和炸彈定時器

setinterval 迴圈定時器 規定時間間隔執行一次,像鬧鐘一樣,不關閉繼續執行 setinterval code,millisec,lang code 必需。要呼叫的函式或要執行的 串 millisec 必需。lang 可選。cleartimeout settime 清除定時器 60s倒計時特...

JS設定定時器和清除定時器

在做專案中難免會碰到需要實時重新整理,動畫依次出現等等需求,這時候就需要定時器登上我們的 舞台了,所以今天我們就先來了解一下js定時器的設定和清除吧。window物件提供了兩個方法來實現定時器的效果,分別是window.settimeout 和window.setinterval。其中前者可以使一段...