定时器有间隔警报

我的页面上有一个jquery计时器，从10到0倒计时。在5秒钟我想显示一条警告信息然后在0秒我想显示另一条消息。

我使用下面的代码在表单字段中进行倒计时以及提供警报，但是当警报显示时倒计时停止：

$(function(){ var count = 10; countdown = setInterval(function(){ $("#Exam_Timer").val(count + " seconds remaining!"); if (count == 5) { alert('Only 5 Seconds Left'); } if (count == 0) { alert('Times Up') } count--; }, 1000); }); 

有人能告诉我如何重组这个警报不会停止倒计时吗？

我尝试将警报放入单独的function，但这没有帮助。 我创造了一个小提琴：

http://jsfiddle.net/CQu7T/

Answer 1

您不能通过alert执行此操作，因为它会停止scripts执行。 但是，您可以使用jQuery UI对话框实现此目的。 请查看以下演示

工作演示

Answer 2

警报是一些奇怪的事情，它们在显示时实际上会破坏默认的浏览器设置（控件和脚本）。

你可以做的是使用jquery html将警报消息放在另一个元素中

 $(function(){ var count = 10; countdown = setInterval(function(){ $("#Exam_Timer").val(count + " seconds remaining!"); if (count == 5) { $("#message").html('Only 5 Seconds Left'); } if (count == 0) { $("#message").html('Times Up') } count--; }, 1000); }); 

看到这个jsfiddle 。 你可以用一些css来设置这个元素的样式，使它看起来像一个模态窗口。