碼上未來IT培訓(xùn)老師直接接聽

400-029-09** 400-029-0997 轉(zhuǎn) 36015
查看完整號(hào)碼
掃碼撥號(hào)
微信掃碼撥號(hào)

JavaScript怎樣實(shí)現(xiàn)定時(shí)器功能？

2024/10/20 0:07:40

在瀏覽網(wǎng)頁的過程中，我們經(jīng)?？梢钥吹捷啿D效果，即每隔一段...

在瀏覽網(wǎng)頁的過程中，我們經(jīng)常可以看到輪播圖效果，即每隔一段時(shí)間，圖片就會(huì)自動(dòng)切換一次；或者在商品頁面看到商品倒計(jì)時(shí)功能，這些動(dòng)畫就用到了定時(shí)器。定時(shí)器就是在指定時(shí)間后執(zhí)行特定操作，或者讓程序代碼每隔一段時(shí)間執(zhí)行一次，實(shí)現(xiàn)間歇操作。在JavaScript中，提供了兩組方法用于定時(shí)器的實(shí)現(xiàn)，具體方法如表8-1所示。表8-1定時(shí)器方法

表8-1中，setTimeout0和setlnterval0方法都可以在一個(gè)固定時(shí)間段內(nèi)執(zhí)行代碼，不同的是前者只執(zhí)行一次代碼，而后者會(huì)在指定的時(shí)間后自動(dòng)重復(fù)執(zhí)行代碼。在實(shí)際開發(fā)中，我們可以通過setTimeout0方法實(shí)現(xiàn)函數(shù)的一次調(diào)用，并且可以通過clearTimeout0來清除setTimeout（）定時(shí)器。setTimeout()和setInterval()的語法格式如下。setTimeout（調(diào)用的函數(shù)，[延遲的毫秒數(shù)]）setInterval（調(diào)用的函數(shù)，[延遲的毫秒數(shù)]）在上述語法中，第1個(gè)參數(shù)表示到達(dá)第2個(gè)參數(shù)設(shè)置的等待時(shí)間后要執(zhí)行的代碼，也可以傳入一個(gè)函數(shù)，或者函數(shù)名，第2個(gè)參數(shù)的時(shí)間單位以毫秒（ms）計(jì)。下面我們以setTimeout()為例進(jìn)行代碼演示，具體代碼如下。//參數(shù)形式1：用字符串表示一段代碼setTimeout("alert ("JavaScript");", 3000);//參數(shù)形式2：傳人一個(gè)匿名函數(shù)setTimeout (function() {alert ("JavaScript");},3000);//參數(shù)形式3：傳入函數(shù)名setTimeout(fn, 3000);functionfn(){console.log("JavaScript");}在上述代碼中，當(dāng)參數(shù)為一個(gè)函數(shù)名時(shí)，這個(gè)函數(shù)名不需要加()小括號(hào)，否則就變成了立即執(zhí)行這個(gè)函數(shù)，將函數(shù)執(zhí)行后的返回值傳入。如果延遲的毫秒數(shù)省略時(shí)，默認(rèn)為0。在實(shí)際開發(fā)中，考慮到一個(gè)網(wǎng)頁中可能會(huì)有很多個(gè)定時(shí)器，所以建議用一個(gè)變量保存定時(shí)器的id（標(biāo)識(shí)）,若想要在定時(shí)器啟動(dòng)后，取消該定時(shí)器操作，可以將setTimeost()的返回值（定時(shí)器id）傳遞給clearTimeout)方法。示例代碼如下。//在設(shè)置定時(shí)器時(shí)，保存定時(shí)器的標(biāo)識(shí)var timer = setTimeout (fn, 3000)://如果要取消定時(shí)器，可將標(biāo)識(shí)的傳遞給clearTimeout ()方法clearTimeout(timer);【案例】3秒后自動(dòng)關(guān)閉廣告本案例將會(huì)使用sefTimeoat(）實(shí)現(xiàn)3秒后自動(dòng)關(guān)閉廣告的效果，具體代碼如下。<body><saript>conaole.log("廣告是示"）var timer =setTimeout(fn, 3000):functionfn(){console.log("廣告關(guān)閉了");}</script></body>上述代碼中，第4行代碼定義了一個(gè)timer 變量用于保存setTimeout定時(shí)器的功能為3000ms后執(zhí)行fn函數(shù)。第5-7行代碼定義處理函數(shù)fn,并“打印廣告關(guān)閉了”。碼上未來IT實(shí)訓(xùn)課程優(yōu)勢01課程內(nèi)容牛  ●Java、Web、Python、互聯(lián)網(wǎng)全棧開發(fā)、AIGC視覺設(shè)計(jì)&全媒體運(yùn)營、短視頻運(yùn)     營、視頻剪輯、平面設(shè)計(jì)、電商設(shè)計(jì)及運(yùn)營等開發(fā)課程，每年迭代課程內(nèi)容●真實(shí)企業(yè)資源，學(xué)習(xí)更深入02專家技術(shù)牛  ●技術(shù)大咖根據(jù)課程體系分重點(diǎn)、分階段授課●5年以上企業(yè)一線開發(fā)經(jīng)驗(yàn)項(xiàng)目經(jīng)理、技術(shù)大牛實(shí)戰(zhàn)授課03實(shí)訓(xùn)案例牛 ●真實(shí)的企業(yè)一線產(chǎn)品需求案例●全部來自一線的項(xiàng)目經(jīng)理， 帶來真實(shí)需求一線項(xiàng)目04學(xué)習(xí)模式牛 ●6個(gè)月全日制實(shí)訓(xùn)學(xué)習(xí)，真實(shí)的項(xiàng)目經(jīng)驗(yàn)●講練結(jié)合，掌握更熟練，全程技術(shù)老師跟蹤輔導(dǎo)05就業(yè)服務(wù)牛 ●畢業(yè)即就業(yè)，學(xué)員就業(yè)●保薪資就業(yè)協(xié)議 入學(xué)即簽訂●4-5輪模擬面試+職業(yè)素養(yǎng)課程，全程跟蹤，為就業(yè)保駕護(hù)航●畢業(yè)學(xué)生享受技術(shù)大咖終身支持指導(dǎo)課程適用人群●大學(xué)應(yīng)往屆生學(xué)習(xí)進(jìn)修、在職提升、轉(zhuǎn)行充電人群；●會(huì)基本的電腦操作，打字、有無編程基礎(chǔ)均可；●對(duì)互聯(lián)網(wǎng)編程感興趣，想往網(wǎng)站開發(fā)、軟件工程、大數(shù)據(jù)方向發(fā)展的人群；●低學(xué)歷人群經(jīng)過入學(xué)測試后方可選修。

添加微信咨詢
夏老師 @大連碼上未來IT培訓(xùn)

資深職業(yè)咨詢規(guī)劃師

微信號(hào)：155******12

立即咨詢

“大連碼上未來IT培訓(xùn)”是碼上未來科技(大連)有限公司在教育寶平臺(tái)開設(shè)的店鋪，若該店鋪內(nèi)信息涉嫌虛假或違法，請點(diǎn)擊這里向教育寶反饋，我們將及時(shí)進(jìn)行處理。

機(jī)構(gòu)評(píng)分

環(huán)境：5.0師資：5.0服務(wù)：5.0效果：5.0

公示信息

店鋪名稱：大連碼上未來IT培訓(xùn)

單位名稱：碼上未來科技(大連)有限公司

賬號(hào)名稱：mswl（158******92）

所屬城市：遼寧大連

入駐時(shí)長：5年

在線客服：在線聊

微信咨詢

返回頂部