javascript或jquery倒计时计时器演示示例代码

我正在使用php、mysql、javascript和jquery为一个测验应用程序工作

我想创建一个计时器，我可以在其中设置多少分钟：秒。 当您的剩余时间少于20秒时，计时器还应能够显示警告： 距离尝试或完成还有20秒

假设我把它保持三分钟…那将是180秒…当它达到160秒。。。应该会弹出一条消息，告知您只有20秒的时间来尝试或完成

---

您知道的一些建议和演示链接将不胜感激。

我可能错了，但听起来您只是需要一个超时：

minutes = 3;
seconds_left_warning_time = 20;
setTimeout(function() { alert('you only have ' + seconds_left_warning_time + ' seconds left'); }, (minutes*60*1000) - (seconds_left_warning_time*1000));

---

您可以从以下内容开始：

var countdown = {
    counter:undefined,
    seconds:5, //total seconds left for the countdown
    warning:1, //when seconds==warning show message
    alert: function() {
        //whatever your warning message should do
        console.log("Hurry up!");
    },
    count: function() {
        //tic tac
        this.seconds = this.seconds-1;
        if (this.seconds==this.warning) {
            this.alert();
        }
        if (this.seconds==0) {
            clearInterval(this.counter);
            this.finished();
        }
        console.log(this.seconds+" remaining");
    },
    finished: function() {
        //no more seconds left!
        console.log("Game over!");
    }
};
//start the countdown
countdown.counter = setInterval( function(){ countdown.count(); }, 1000 );

更改警报功能，使其执行您想要的操作。您还可以更改计数功能，使其在

div

中显示剩余秒数，而不是在控制台中显示。 当然，例如，将

秒：5

和

警告：1

更改为180和20

希望它能起作用，如果我遗漏了什么，请告诉我

---

@ USER331 153考虑这是我的“欢迎到StAcExcel”的消息，并且也接受友好的建议：试着在请求之前展示一些努力。发布一些您尝试过的代码，一些您找到的链接，并编写一个详细的问题，而不仅仅是3行错误。那对你和其他人都有帮助。祝你好运

干得好。保持联系，我会查的it@TheBronx这是很好的鼓励。你真的在展示你的内心。希望我们能帮助这个用户哦…好的…谢谢你…我会查一查这里所有的评论。更改Chethan：在发布问题时，您应该尝试包含更多信息，这是绝对正确的；这不仅能帮助你得到答案，还能帮助你得到更好的答案。它还可以帮助将来遇到与你同样问题的人。