Question

<html>
<head>
<title>Countdown</title>
<script type="text/javascript">
// set minutes
var mins = 1;

// calculate the seconds (don't change this! unless time progresses at a different speed for you...)
var secs = mins * 60;
function countdown() {
    setTimeout('Decrement()',1000);
}
function Decrement() {
    if (document.getElementById) {
        minutes = document.getElementById("minutes");
        seconds = document.getElementById("seconds");
        // if less than a minute remaining
        if (seconds < 59) {
            seconds.value = secs;
        } else {
            minutes.value = getminutes();
            seconds.value = getseconds();
        }
        secs--;
        setTimeout('Decrement()',1000);
    }
}
function getminutes() {
    // minutes is seconds divided by 60, rounded down
    mins = Math.floor(secs / 60);
    return mins;
}
function getseconds() {
    // take mins remaining (as seconds) away from total seconds remaining
    return secs-Math.round(mins *60);
}
</script>
</head>
<body>

<div id="timer">
    Time Left: 00:<input id="minutes" type="text" style="width: 20px; border: none; background-color:none; font-size: 16px; font-weight: bold;">:<input id="seconds" type="text" style="width: 26px; border: none; background-color:none; font-size: 16px; font-weight: bold;">
</div>
<script>
countdown();
</script>

在这个java脚本代码中，计时器在时间结束后开始执行，时间在负例子（00-1：30）中。所以我想在到达00:00时停止计时器。并且它应该在时间结束时提醒或提交页面。

Answer 1

有几个问题，最大的问题是你正在测试seconds而不是seconds.value，所以你总是进入else块。但是，您也没有达到零的条件。这是一个应该修复这些事情的jsfiddle，http://jsfiddle.net/psQb5/。

Answer 2

使用 setInterval（）函数代替 setTimeout（）。当你想使用 clearInterval（）功能停止计时器时。

基本了解上述功能点击下面

w3schools

Answer 3

有两种可能性。一种是使用函数setInterval而不是setTimeout。像这样。

<script type="text/javascript">
// set minutes
var mins = 1;

// calculate the seconds (don't change this! unless time progresses at a different speed for you...)
var secs = mins * 60;
var intervalVar;
function countdown() {
    intervalVar = setInterval('Decrement()',1000);
}
function Decrement() {
    if (document.getElementById) {
        minutes = document.getElementById("minutes");
        seconds = document.getElementById("seconds");
        // if less than a minute remaining
        if (seconds < 59) {
            seconds.value = secs;
        } else {
            minutes.value = getminutes();
            seconds.value = getseconds();
        }
        secs--;
        if (secs == 0) {
            window.clearTimeout(intervalVar);
            alert('timeout');
        }
    }
}
function getminutes() {
    // minutes is seconds divided by 60, rounded down
    mins = Math.floor(secs / 60);
    return mins;
}
function getseconds() {
    // take mins remaining (as seconds) away from total seconds remaining
    return secs-Math.round(mins *60);
}
</script>

倒计时结束后如何停止计时器

3 个答案: