Web前端技術(shù)主講人：XXX

XXX學(xué)院任務(wù)15制作隨機(jī)選號(hào)器【知識(shí)目標(biāo)】

理解定時(shí)器的含義；

掌握創(chuàng)建定時(shí)器的方法；

掌握定時(shí)器的應(yīng)用?！炯寄苣繕?biāo)】

能夠根據(jù)需求，選取合適的定時(shí)器方法創(chuàng)建定時(shí)器；

能夠應(yīng)用定時(shí)器實(shí)現(xiàn)基于時(shí)間條件的頁(yè)面效果?！舅刭|(zhì)目標(biāo)】

培養(yǎng)學(xué)生良好的代碼編寫(xiě)習(xí)慣；

培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度；

培養(yǎng)學(xué)生的時(shí)間觀念；

培養(yǎng)學(xué)生正確的生態(tài)文明觀。教學(xué)目標(biāo)知識(shí)導(dǎo)圖定時(shí)器方法JavaScript提供定時(shí)執(zhí)行代碼的功能即為定時(shí)器，它可以讓我們?cè)谥付ǖ臅r(shí)間間隔執(zhí)行一些操作。定時(shí)器常見(jiàn)的應(yīng)用場(chǎng)景有倒計(jì)時(shí)、輪播圖、廣告彈出窗口、動(dòng)畫(huà)等每隔1秒鐘切換一張圖片秒數(shù)在動(dòng)態(tài)減少什么是定時(shí)器在JavaScript中，提供了以下兩組定時(shí)器方法。定時(shí)器方法類(lèi)型方法說(shuō)明延時(shí)型定時(shí)器setTimeout(code,time)【作用】在指定的延遲時(shí)間之后調(diào)用一個(gè)函數(shù)或執(zhí)行一個(gè)代碼片段。【參數(shù)說(shuō)明】code：定義的函數(shù)或已定義的函數(shù)名稱(chēng)；time：延遲的時(shí)間，單位為毫秒?！咀⒁狻慨?dāng)參數(shù)code為一個(gè)函數(shù)名時(shí)，該函數(shù)名不需要加小括號(hào)，否則會(huì)成為立即執(zhí)行函數(shù)；當(dāng)參數(shù)time省略時(shí)，默認(rèn)值為0。clearTimeout(timer)【作用】清除由setTimeout()創(chuàng)建的定時(shí)器?！緟?shù)說(shuō)明】temer：定時(shí)器名稱(chēng)。間隔型定時(shí)器setInterval(code,time)作用：在指定的時(shí)間周期重復(fù)調(diào)用一個(gè)函數(shù)或重復(fù)執(zhí)行一個(gè)代碼片段。【參數(shù)說(shuō)明】code：定義的函數(shù)或已定義的函數(shù)名稱(chēng)；time：重復(fù)執(zhí)行的時(shí)間周期，單位為毫秒?！咀⒁狻慨?dāng)參數(shù)code為一個(gè)函數(shù)名時(shí)，該函數(shù)名不需要加小括號(hào)，否則會(huì)成為立即執(zhí)行函數(shù)；當(dāng)參數(shù)time省略時(shí)，默認(rèn)值為0。clearInterval(timer)【作用】清除由setInterval()創(chuàng)建的定時(shí)器。timer：定時(shí)器名稱(chēng)。定時(shí)器應(yīng)用【案例1】使用延時(shí)型定時(shí)器實(shí)現(xiàn)單擊“創(chuàng)建延時(shí)定時(shí)器”按鈕3秒后彈出字符串“HelloWorld!”

，單擊“清除延時(shí)定時(shí)器”按鈕清除定時(shí)器。定時(shí)器應(yīng)用【案例2】習(xí)近平總書(shū)記提出“綠水青山就是金山銀山”，建設(shè)生態(tài)文明是關(guān)系人民福祉、關(guān)乎民族未來(lái)的大計(jì)，是實(shí)現(xiàn)中華民族偉大復(fù)興的中國(guó)夢(mèng)的重要內(nèi)容。請(qǐng)使用間隔型計(jì)時(shí)器知識(shí)，實(shí)現(xiàn)500毫秒每字符的速度順序輸出字符“綠水青山就是金山銀山！”。頁(yè)面上的HTML代碼如下。<button>間隔型定時(shí)器</button><h2></h2>實(shí)現(xiàn)思路分析。（1）獲取頁(yè)面上的按鈕（2）獲取頁(yè)面上的h2元素（3）聲明變明str變量存儲(chǔ)字符串“綠水青山就是金山銀山”（4）給按鈕綁定單擊事件（5）在事件中創(chuàng)建定時(shí)器，