javascript - 带间隔警报的计时器

Question

我的页面上有一个 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);
});

有人可以告诉我如何重组它以使警报不会停止倒计时吗？

我尝试将警报放入一个单独的函数中，但这没有帮助。我创建了一个 fiddle :

http://jsfiddle.net/CQu7T/

Answer 1

你不能用 alert 来做到这一点，因为它会停止 scripts 的执行。然而，您可以使用 jQuery UI 对话框实现这一点。检查下面的演示

Working Demo