javascript写个倒计时，如何每隔一段时间弹出bootstrap模态框提示，show时倒计时暂停，关闭后继续倒计时

Question

用javascript写个倒计时，如何每隔一段时间弹出bootstrap模态框提示，show时倒计时暂停，关闭后继续倒计时，类似alert功能。定时器内再判断清楚重新启用定时器会造成复用？。希望有大神来帮解答。非常感谢。

Answer 1

代码如下，打开浏览器调试面板，要关闭的时候，需要自己在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()