摘要:但是定時(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)。廣告延遲彈出的某些操作
定時(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.
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)擊查看效果