国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇(十三)—定時(shí)器

kaka / 1005人閱讀

摘要:但是定時(shí)器沒(méi)關(guān)。通過(guò)變量來(lái)控制定時(shí)器內(nèi)函數(shù)的執(zhí)行停止播放默認(rèn)為。方式三通過(guò)關(guān)閉定時(shí)器來(lái)停止輪播圖的運(yùn)動(dòng)。,通過(guò)傳入定時(shí)器的編號(hào)來(lái)。清除定時(shí)器,再開(kāi)啟定時(shí)器。所以,每次打開(kāi)定時(shí)器,先清除前一個(gè)。點(diǎn)擊頁(yè)面任何一個(gè)位置關(guān)閉定時(shí)器。

1.定時(shí)器

定義當(dāng)我們需要隔一段時(shí)間,再執(zhí)行一段代碼?;蛘呙扛粢欢螘r(shí)間,執(zhí)行一段代碼。我們可以使用定時(shí)器。
使用場(chǎng)景:例如網(wǎng)站輪播圖的自動(dòng)滾動(dòng)。廣告延遲彈出的某些操作

2.定時(shí)器-setInterval

定時(shí)器-setInterval基本定義

setInterval
間隔型定時(shí)器:每隔一段時(shí)間執(zhí)行一段代碼。
注意:代碼一般會(huì)重復(fù)執(zhí)行

語(yǔ)法
setInterval(函數(shù),時(shí)間間隔);
eg:
setInterval(fn,20);指的是每隔20 毫秒執(zhí)行一段函數(shù)
時(shí)間間隔的單位 : 是毫秒(ms)1s = 1000ms

返回值
setInterval(重復(fù)執(zhí)行的代碼,時(shí)間間隔);這段代碼的返回值是分配定時(shí)器一個(gè)獨(dú)有的編號(hào)。這個(gè)編號(hào)跟關(guān)閉定時(shí)器有關(guān)。當(dāng)你開(kāi)啟很多定時(shí)器的時(shí)候,你想關(guān)閉哪一個(gè)定時(shí)器,就需要知道對(duì)應(yīng)的編號(hào)然后關(guān)閉。就是每開(kāi)啟一個(gè)定時(shí)器,會(huì)給這個(gè)定時(shí)器貼一個(gè)編號(hào),編號(hào)是數(shù)字類型的,會(huì)由這段代碼的返回值傳遞出編碼。

使用舉例1—無(wú)參函數(shù)

 

使用舉例2—有參函數(shù)

注意:

以下是代碼執(zhí)行結(jié)果:先打印222和333。之后1s后打印1.

3.setInterval—輪播圖



    
    Title
    


自動(dòng)播放效果,可以點(diǎn)擊查看。因?yàn)閏odepen不方便放圖片,就用顏色代替

4.setInterval—輪播圖的停止

css樣式我就刪除了,直接給出js和html。需要全部代碼的可以從鏈接下面去看。點(diǎn)擊鏈接中的css,html,js都可以查看對(duì)應(yīng)的代碼。

方式一:控制步長(zhǎng)來(lái)停止輪播圖的運(yùn)動(dòng),但是定時(shí)器還沒(méi)關(guān)(聽(tīng)語(yǔ)言描述可能有些模糊,直接上代碼)
通過(guò)步長(zhǎng)來(lái)控制停止輪播圖的運(yùn)動(dòng),點(diǎn)擊查看效果


方式二:通過(guò)一個(gè)變量來(lái)控制定時(shí)器中函數(shù)的執(zhí)行,但是定時(shí)器還是沒(méi)關(guān)。
通過(guò)onoff變量來(lái)控制定時(shí)器內(nèi)函數(shù)的執(zhí)行


方式三:通過(guò)關(guān)閉定時(shí)器來(lái)停止輪播圖的運(yùn)動(dòng)。
此方法簡(jiǎn)潔,不需要添加額外的變量。但是有時(shí)候也需要以上兩種方法。
直接關(guān)閉定時(shí)器,點(diǎn)擊css,html,js可以查看對(duì)應(yīng)代碼


5.setInterval—輪播圖的停止和開(kāi)始

方式一:清除定時(shí)器,再開(kāi)啟定時(shí)器。
清除定時(shí)器,再開(kāi)啟定時(shí)器。注意:重新開(kāi)啟定時(shí)器的時(shí)候也要清除前一個(gè)定時(shí)器




    
    Title
    


方式二:使用變量控制定時(shí)器的開(kāi)始與停止
使用step步長(zhǎng)控制定時(shí)器的開(kāi)始與停止

方式三:使用變量重新開(kāi)始定時(shí)器
使用變量重新開(kāi)始定時(shí)器


6.定時(shí)器-setTimeout

定時(shí)器-setTimeout基本定義

延遲型定時(shí)器

隔一段時(shí)間執(zhí)行一段代碼(執(zhí)行一次)

語(yǔ)法:
setTimeout(函數(shù),時(shí)間間隔)
比如setTimeout(fn,20)

隔(等待)20 毫秒執(zhí)行一段函數(shù)

時(shí)間間隔的單位 :是毫秒(ms)
1s = 1000ms

返回值:定時(shí)器唯一的編號(hào)

注意:雖然只執(zhí)行一次,就不執(zhí)行了。但是還是要關(guān)閉定時(shí)器,不然會(huì)消耗性能。

1.舉例說(shuō)明
點(diǎn)擊查看以下代碼效果

2.使用遞歸,讓setTimeout定時(shí)器有setInterval的效果
點(diǎn)擊鏈接查看以下代碼效果!??!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/113373.html

相關(guān)文章

  • JS基礎(chǔ)入門十三)—時(shí)器

    摘要:但是定時(shí)器沒(méi)關(guān)。通過(guò)變量來(lái)控制定時(shí)器內(nèi)函數(shù)的執(zhí)行停止播放默認(rèn)為。方式三通過(guò)關(guān)閉定時(shí)器來(lái)停止輪播圖的運(yùn)動(dòng)。,通過(guò)傳入定時(shí)器的編號(hào)來(lái)。清除定時(shí)器,再開(kāi)啟定時(shí)器。所以,每次打開(kāi)定時(shí)器,先清除前一個(gè)。點(diǎn)擊頁(yè)面任何一個(gè)位置關(guān)閉定時(shí)器。 1.定時(shí)器 定義:當(dāng)我們需要隔一段時(shí)間,再執(zhí)行一段代碼?;蛘呙扛粢欢螘r(shí)間,執(zhí)行一段代碼。我們可以使用定時(shí)器。使用場(chǎng)景:例如網(wǎng)站輪播圖的自動(dòng)滾動(dòng)。廣告延遲彈出的某些...

    BenCHou 評(píng)論0 收藏0
  • JS基礎(chǔ)入門十三)—時(shí)器

    摘要:但是定時(shí)器沒(méi)關(guān)。通過(guò)變量來(lái)控制定時(shí)器內(nèi)函數(shù)的執(zhí)行停止播放默認(rèn)為。方式三通過(guò)關(guān)閉定時(shí)器來(lái)停止輪播圖的運(yùn)動(dòng)。,通過(guò)傳入定時(shí)器的編號(hào)來(lái)。清除定時(shí)器,再開(kāi)啟定時(shí)器。所以,每次打開(kāi)定時(shí)器,先清除前一個(gè)。點(diǎn)擊頁(yè)面任何一個(gè)位置關(guān)閉定時(shí)器。 1.定時(shí)器 定義:當(dāng)我們需要隔一段時(shí)間,再執(zhí)行一段代碼?;蛘呙扛粢欢螘r(shí)間,執(zhí)行一段代碼。我們可以使用定時(shí)器。使用場(chǎng)景:例如網(wǎng)站輪播圖的自動(dòng)滾動(dòng)。廣告延遲彈出的某些...

    ermaoL 評(píng)論0 收藏0
  • JS基礎(chǔ)入門(四十三)—ES6(二)

    摘要:對(duì)象簡(jiǎn)潔表示法原來(lái)寫法簡(jiǎn)潔寫法方法返回一個(gè)新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。方法按照原始數(shù)組元素順序依次處理元素。注意不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。運(yùn)行結(jié)果為舉例說(shuō)明二其中是函數(shù),當(dāng)沒(méi)有第二個(gè)參數(shù)時(shí)。有三個(gè)參數(shù),并沒(méi)有深入研究。 1.對(duì)象簡(jiǎn)潔表示法 原來(lái)寫法 var name = lzf; var gender = male; var fn = fu...

    劉厚水 評(píng)論0 收藏0
  • JS基礎(chǔ)入門(四十三)—ES6(二)

    摘要:對(duì)象簡(jiǎn)潔表示法原來(lái)寫法簡(jiǎn)潔寫法方法返回一個(gè)新數(shù)組,數(shù)組中的元素為原始數(shù)組元素調(diào)用函數(shù)處理后的值。方法按照原始數(shù)組元素順序依次處理元素。注意不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。運(yùn)行結(jié)果為舉例說(shuō)明二其中是函數(shù),當(dāng)沒(méi)有第二個(gè)參數(shù)時(shí)。有三個(gè)參數(shù),并沒(méi)有深入研究。 1.對(duì)象簡(jiǎn)潔表示法 原來(lái)寫法 var name = lzf; var gender = male; var fn = fu...

    rozbo 評(píng)論0 收藏0
  • JS基礎(chǔ)入門(三十三)—正則表達(dá)式

    摘要:舉例一使用這個(gè)正則,打印結(jié)果為使用這個(gè)正則,打印結(jié)果為舉例二打印結(jié)果如下過(guò)濾標(biāo)簽?zāi)愫妹利惖纳虾O朕D(zhuǎn)化成你好,美麗的上海如果后面加,就會(huì)進(jìn)入非貪婪模式。如果后面不加,就會(huì)進(jìn)入貪婪模式,結(jié)果為上海。你好美麗的上海。 1.創(chuàng)建一個(gè)正則表達(dá)式 方法一:使用一個(gè)正則表達(dá)式字面量,其由包含在斜杠之間的模式組成。 var reg1 = /a/; var reg2 = /ab+c/; 方法二:調(diào)用Re...

    caspar 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<