亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

javascript寫個倒計時,如何每隔一段時間彈出bootstrap模態框提示,show時倒計時暫停,關閉后繼續倒計時

javascript寫個倒計時,如何每隔一段時間彈出bootstrap模態框提示,show時倒計時暫停,關閉后繼續倒計時

Jx_6 2018-09-04 09:07:13
用javascript寫個倒計時,如何每隔一段時間彈出bootstrap模態框提示,show時倒計時暫停,關閉后繼續倒計時,類似alert功能。定時器內再判斷清楚重新啟用定時器會造成復用?。希望有大神來幫解答。非常感謝。
查看完整描述

3 回答

?
聰明的湯姆

TA貢獻112條經驗 獲得超33個贊

https://img1.sycdn.imooc.com//5b91e362000124da02590354.jpg

代碼如下,打開瀏覽器調試面板,要關閉的時候,需要自己在console面板輸入關閉代碼closeDialog()

let count = 1000; // 倒計時總數

let interval1 = null; // 倒計時定時器

let interval2 = null; // 每隔一段時間就執行的定時器

let timeout = 3000; // 相隔時間


// 顯示模態框

function showDialog() {

clearInterval(interval1);

clearInterval(interval2);

}


// 關閉模態框

function closeDialog() {

startInterval();

startTimeout();

}


// 開始倒數

function startInterval() {

interval1 = setInterval(() => {

count--;

console.log(count);

}, 1000)

}


// 每隔一段時間執行的函數

function startTimeout() {

interval2 = setInterval(() => {

showDialog();

}, timeout)

}


// 進來先執行開始倒數函數

startInterval();

startTimeout()


查看完整回答
反對 回復 2018-09-07
  • 3 回答
  • 0 關注
  • 2206 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號