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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在進行倒計時時停止 jquery 事件

如何在進行倒計時時停止 jquery 事件

Qyouu 2023-02-24 17:09:40
我?guī)缀醪涣私鈐query。我正在嘗試倒計時,所以在搜索后我找到了下面的代碼。function startTimer(duration, display) {    var timer = duration, minutes, seconds;    setInterval(function () {        minutes = parseInt(timer / 60, 10)        seconds = parseInt(timer % 60, 10);        minutes = minutes < 10 ? "0" + minutes : minutes;        seconds = seconds < 10 ? "0" + seconds : seconds;        display.textContent = minutes + ":" + seconds;        if (--timer < 0) {                        timer = duration;        }    }, 1000);    }$('.start').on('click', function(){    var oneMinute = 60 * 1,        display = document.querySelector('#time');        startTimer(oneMinute, display);})但是倒計時會在一分鐘后重復(fù)。就像 03、02、01 一樣,它又從 59 開始。如何阻止它?我想在給定的分鐘后提醒消息并停止計時器。
查看完整描述

2 回答

?
慕工程0101907

TA貢獻1887條經(jīng)驗 獲得超5個贊

該setInterval函數(shù)返回一個標(biāo)識符。將間隔 ID 存儲在變量中。這允許您在需要時使用clearInterval()取消間隔。


function startTimer(duration, display) {

    var timer = duration, minutes, seconds;

    var interval = setInterval(function () {

        minutes = parseInt(timer / 60, 10)

        seconds = parseInt(timer % 60, 10);


        minutes = minutes < 10 ? "0" + minutes : minutes;

        seconds = seconds < 10 ? "0" + seconds : seconds;


        display.textContent = minutes + ":" + seconds;


        if (--timer < 0) {

            

            clearInterval(interval);

        }

        

    }, 1000);

    

}

$('.start').on('click', function(){

    var oneMinute = 5 * 1, // 5 Seconds for easy testing

        display = document.querySelector('#time');

        startTimer(oneMinute, display);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div id="time">

00:00

</div>


<button type="button" class="start">

START

</button>


查看完整回答
反對 回復(fù) 2023-02-24
?
冉冉說

TA貢獻1877條經(jīng)驗 獲得超1個贊

您需要存儲間隔 ID 并用于clearInterval(intervalId);停止它。


function startTimer(duration, display) {

    var timer = duration, minutes, seconds;

    var intervalId = setInterval(function () {

        minutes = parseInt(timer / 60, 10)

        seconds = parseInt(timer % 60, 10);


        minutes = minutes < 10 ? "0" + minutes : minutes;

        seconds = seconds < 10 ? "0" + seconds : seconds;


        display.textContent = minutes + ":" + seconds;


        if (--timer < 0) {

            clearInterval(intervalId);

        }

    }, 1000);

    

}


$('.start').on('click', function(){

    var oneMinute = 60 * 1,

        display = document.querySelector('#time');

        startTimer(oneMinute, display);

})


查看完整回答
反對 回復(fù) 2023-02-24
  • 2 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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