如何保持定时器运行时,显示在JavaScript警告(How to keep timer runni

2019-10-28 23:03发布

我有这显示计时器JavaScript函数。 现在,当计时器达到2分钟,我想显示一个警告,继续我的定时器功能。 但是,我的定时器功能停止,直到用户点击“确定”,然后从1:59秒恢复。

谁能告诉我如何保持定时器功能运行的同时显示弹出框?

这里是我的函数来显示计时器。

var minutes=5;
var seconds=59;

function time_display(){
  if(minutes==2 && seconds==0){
    setTimeout('display_time_alert_two_minutes_left()',100);
  }
  if (seconds<=0){
    seconds=59;
    if(minutes>0)
      minutes-=1;
  }
  else
    seconds-=1;
  $('time_left_in_minutes').innerHTML = minutes+"."+ ljust_zero(seconds);
  setTimeout("time_display()",1000);
}
time_display();

这是我的报警功能。

function display_time_alert_two_minutes_left(){
    alert('Two minutes left');
}

Answer 1:

警报是一个拦截器,使用自定义JavaScript弹出喜欢收藏,lytebox,jQuery的对话框的fancybox等。

或者你可以简单地显示/隐藏浮动DIV。 这将解决您的计时器的问题卡住,又提高了用户体验。



Answer 2:

你怎么样使用的东西,多数民众赞成在没有那么侵入,像这样



Answer 3:

随着警报()停止执行JavaScript代码的其余部分,这将是最好使用的东西,并不需要增加时间的imperitive风格。

怎么样,你实际使用的时间/日期的功能,这将“继续计数”?

编辑:当你打电话警告这将停止网页更新(),但它会继续计数,而罚款的警告是开放的。



文章来源: How to keep timer running when alert is displayed in javascript