为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

Jx_6 2018-09-04 09:07:13

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


查看完整描述

1 回答

?
聪明的汤姆

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

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信