Question

我正在使用php，mysql，javascript和jquery为测验应用程序工作。

我想创建一个计时器，我可以在其中设置多少分钟：秒。当你还剩下20秒时，计时器也应该能够显示警告： 还剩20秒尝试或完成！

假设我保持三分钟......那将是180秒......当它达到160秒时...一条弹出消息应该告知你只剩下20秒尝试或完成< / p>

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

Answer 1

你可以从这开始：

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而不是控制台中显示剩余秒数。当然，例如，将seconds:5和warning:1更改为180和20。

希望它有效，让我知道我是否遗漏了任何东西。

@ user2331153认为这是我的“欢迎来到StackOverflow”的消息，并接受一个友好的建议：在此问之前尝试展示一些努力。发布你尝试过的一些代码，你找到的一些链接，并写一个详细的问题，而不只是3行有错误。这对你和你都有帮助。祝你好运！

Answer 2

我可能错了，但听起来你需要暂停：

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));

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

2 个答案: