第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

倒計(jì)時(shí)功能不顯示 3-2-1 倒計(jì)時(shí)的最后一個(gè)數(shù)字

倒計(jì)時(shí)功能不顯示 3-2-1 倒計(jì)時(shí)的最后一個(gè)數(shù)字

桃花長(zhǎng)相依 2022-05-14 15:19:33
和標(biāo)題說(shuō)的差不多。當(dāng)?shù)褂?jì)時(shí)開(kāi)始時(shí),它會(huì)變?yōu)椤?”、“2”,然后執(zhí)行應(yīng)該在計(jì)時(shí)器達(dá)到零時(shí)啟動(dòng)的功能,跳過(guò)數(shù)字“1”的顯示。實(shí)際的計(jì)時(shí)器輸出顯示在一個(gè)單獨(dú)的div元素中,您將在下面的代碼中看到。我在這里看到了一些關(guān)于錯(cuò)誤倒計(jì)時(shí)時(shí)鐘的答案,但其中很多都使用 jQuery,而我只是使用香草 JavaScript,并且?guī)斓氖褂脤?duì)我來(lái)說(shuō)仍然有點(diǎn)混亂。var count = 3;function startTimer() {    var timer = setInterval(function() {startTimer(count);}, 1000);     if(count === 0){        clearInterval(timer);        ranCoord(); //function to run when timer hits zero.    } else {        document.getElementById("target").innerText = count;        count--;    }}<div class="start">   <img src="images/start-default.png" onclick="startTimer();" alt="Click Here"/> </div><div id="target"></div>我注意到,如果我var count=3在函數(shù)中包含變量startTimer();,倒計(jì)時(shí)也不起作用,它只會(huì)停留在數(shù)字 3。有誰(shuí)知道這是為什么?此外,如果我包含函數(shù)var timer = setInterval(function() {startTimer(count);}, 1000); 外部,那么它會(huì)在頁(yè)面加載時(shí)自動(dòng)運(yùn)行,這不是我想要的。我希望在單擊按鈕時(shí)開(kāi)始倒計(jì)時(shí),并發(fā)現(xiàn)當(dāng)放置在函數(shù)內(nèi)時(shí)它可以工作。
查看完整描述

3 回答

?
蝴蝶刀刀

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超8個(gè)贊

如果在 startTimer 函數(shù)中聲明了 count 變量,則計(jì)時(shí)器的每次迭代都將覆蓋其計(jì)數(shù)值,因此不會(huì)倒計(jì)時(shí)。


setInterval無(wú)限重復(fù)其功能,因此只需要在循環(huán)外調(diào)用一次,而不是setTimeout只運(yùn)行一次并且每次迭代都需要調(diào)用。


另一種使用方法setTimeout是:


function startTimer(count) {

    if (count <= 0) {

        ranCoord();

    } else {

        document.getElementById("target").innerText = count;

        setTimeout(function() { startTimer(--count); }, 1000);

    }

}

此版本還通過(guò)將剩余計(jì)數(shù)作為參數(shù)傳遞來(lái)避免使用全局變量。


查看完整回答
反對(duì) 回復(fù) 2022-05-14
?
達(dá)令說(shuō)

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊

您無(wú)需startTimer致電setInterval


var count = 3;


function startTimer() {

  var timer = setInterval(function() {

    if (count === 0) {

      clearInterval(timer);

      ranCoord(); //function to run when timer hits zero.

    } else {

      document.getElementById("target").innerText = count;

      count--;

    }

  }, 1000);


}


function ranCoord() {

  console.log("Timer hit 0")

}

img {

  height: 100px;

  width: 100px;

  outline: 1px solid blue;

}

<div class="start">

  <img src="images/start-default.png" onclick="startTimer();" />

</div>


<div id="target"></div>


查看完整回答
反對(duì) 回復(fù) 2022-05-14
?
喵喵時(shí)光機(jī)

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊

我認(rèn)為您不需要添加更多代碼,您只需要像這樣簡(jiǎn)化它


    var count = 3;

    function startTimer() {

        const timer = setInterval(function () {

            document.getElementById("target").innerText = count;

            count--;

            if (count <= 0) {

                clearInterval(timer);

                ranCoord();

            }

        }, 1000)

    }


查看完整回答
反對(duì) 回復(fù) 2022-05-14
  • 3 回答
  • 0 關(guān)注
  • 236 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)