碼上未來IT培訓老師直接接聽

400-029-0997 轉 36015 掃碼撥號
微信掃碼撥號

JavaScript怎樣實現定時器功能？

2024年10月20日 更新

在瀏覽網頁的過程中，我們經?？梢钥吹捷啿D效果，即每隔一段時間，圖片就會自動切換一次；或者在商品頁面看到商品倒計時功能，這些動畫就用到了定時器。定時器就是在指定時間后執(zhí)行特定操作，或者讓程序代碼每隔一段時間執(zhí)行一次，實現間歇操作。在JavaScript中，提供了兩組方法用于定時器的實現，具體方法如表...

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

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

添加微信咨詢
夏老師 @大連碼上未來IT培訓

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

微信號：155******12

立即咨詢

    相關資訊

  • 大連碼上未來IT培訓C++就業(yè)班：深入進階育專才

    很多有C++基礎的學習者，常卡在高級技術沒路徑、實戰(zhàn)經驗缺的瓶頸。大連碼上未來的C++就業(yè)進階班，專門解決這點——從模板元編程到多線程的高級技術精講，項目驅動練手，還有博士級師資、小班一對一輔導，更有800余名學員轉行的真實成果，幫你突破瓶頸成企業(yè)急需的C++專才。

    2026/3/25 19:29:42

  • 大連碼上未來IT培訓師資：資深團隊助成長

    想轉行IT卻怕零基礎學不會？大連碼上未來的師資團隊或許能給你底氣——有曾在華為做架構師的技術大拿，有幫2000人成功轉行的就業(yè)導師，還有把分布式架構講成故事的幽默講師。他們用企業(yè)一線經驗和接地氣的教學，讓學員輕松入門，甚至實現。

    2026/3/24 19:27:00

  • 大連碼上未來IT培訓無人機CAAC認證：權威課程賦能

    想進無人機行業(yè)？得先拿張權威證！大連碼上未來的無人機CAAC認證課程，由中國民用航空局背書，從理論到實戰(zhàn)手把手教——零基礎也能學會，像學員小張那樣轉行成電力巡檢工程師，月薪漲60%。現在還能免費體驗，快來開啟你的無人機職業(yè)之旅！

    2026/3/23 19:23:14

  • 大連碼上未來IT培訓車載測試課程：理論實踐結合

    智能汽車行業(yè)爆發(fā)帶火車載測試，可不少想入行的人都栽在“理論懂，動手懵”。大連碼上未來的車載測試課不玩虛的，把“理論+實驗室實操+真實案例”揉成實戰(zhàn)劇本，從零基礎到能扛車載測試全流程，教出來的就是企業(yè)急著要的“能上手”人才。

    2026/3/22 19:18:42

  • 大連碼上未來IT培訓三維動畫課程：全流程能力培養(yǎng)

    想轉三維動畫卻怕零基礎學不會？大連碼上未來的三維動畫課程專門針對應屆生和轉行黨，小班面授+項目實戰(zhàn)帶教全流程技能。截至目前800多名學員成功進游戲、影視行業(yè)，平均薪資漲了1倍多——用實戰(zhàn)能力幫你敲開行業(yè)門。

    2026/3/21 19:14:57

“大連碼上未來IT培訓”是碼上未來科技(大連)有限公司在教育寶平臺開設的店鋪，最后更新時間： 。若該店鋪內信息涉嫌虛假或違法，請點擊這里向教育寶反饋，我們將及時進行處理。如需緊急協助建聯請撥打：400-601-2788（教育寶人工客服協助您與該機構建聯）

機構評分

環(huán)境：4.0師資：4.0服務：4.0效果：4.0

公示信息

店鋪名稱：大連碼上未來IT培訓

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

賬號名稱：mswl（158******92）

所屬城市：遼寧大連

入駐時長：7年

聯系電話： 400-029-0997 轉 36015

微信咨詢

返回頂部