Question

我有一个计时器，但我无法阻止它。

这是我的HTML代码

<div id="timer">
    <div class="container">
        <div id="hour">00</div>
        <div class="divider">:</div>
        <div id="minute">00</div>
        <div class="divider">:</div>
        <div id="second">00</div>
        <button id="btn-start" disabled="true">Comenzar</button>
    </div>
</div>

我有这个功能。

function tiempoOn(){
    var time = {
        hour: 0,
        minute: 0,
        second: 0
    };
    var time_runing = null;
        if ( $("#btn-start").text() == 'Start' )
        {
            $("#btn-start").text('Stop');                       
            time_runing = setInterval(function(){
                time.second++;
                if(time.second >= 60)
                {
                    time.second = 0;
                    time.minute++;
                }      
                if(time.minute >= 60)
                {
                    time.minute = 0;
                    time.hour++;
                }
                $("#hour").text(time.hour < 10 ? '0' + time.hour : time.hour);
                $("#minute").text(time.minute < 10 ? '0' + time.minute : time.minute);
                $("#second").text(time.second < 10 ? '0' + time.second : time.second);
            }, 1000);
        }else if ( $("#btn-start").text() == 'Stop' )
        {
            $("#btn-start").text('Start');
            clearInterval(time_runing);
            $("#hour").text("00");
            $("#minute").text("00");
            $("#second").text("00");   
        }
    }

在document.ready函数中

if($("#second").html()=="00"){
    tiempoOn();
    $("#hour").text("GO");
    $("#minute").text("GO");
    $("#second").text("GO");
}else{

}

一开始，我的底部有这样的文字：“开始”

当我按下一个键时，我的计时器启动。

底部现在有文字：“停止”，我的功能开始了。但是当我再次打电话给我的功能时，请输入第二部分：

$("#btn-start").text('Start');
clearInterval(time_runing);
$("#hour").text("00");
$("#minute").text("00");
$("#second").text("00");

但我的计时器继续。暂时（1秒）00:00:00然后继续到00:00:23。

有什么想法吗？

谢谢，抱歉我的英语不好

Answer 1

一切都很完美，但文字按钮的价值是“Comenzar”

当您添加对同一按钮的值“start”的检查时。

只需更改该按钮的值，您的代码就可以正常工作。您可以在以下链接上查看工作代码

Fiddly

setInterval对我不起作用

1 个答案: