4

私はこのようなコードを持っています

JS

var counter = 0;
var timer = setInterval("tictac()", 1000);

function tictac(){
    counter++;
    $("#clock").html(counter);
}

HTML

<div id="clock">0</div>
<div id="buttons" class="clear">
    <button id="start">start</button>
    <button id="stop">stop</button>
    <button id="reset">reset</button>
</div>

ボタンを使用してタイマーを制御し、開始ボタンが押されたときにカウントアップを開始し、停止ボタンが押されたときにカウントを停止し、リセットボタンが押されたときにカウンターをリセットするにはどうすればよいですか。

誰か助けてくれませんか？

私はこれを行うことができました

        $(document).ready(function($) {

            var timer = undefined;
            $('#start').on('click', function(){
                timer = window.setInterval('tictac()', 1000);
            });
            $('#pause').on('click', function(){
                window.clearInterval(timer);
            });
            $('#reset').on('click', function(){
                timer = window.clearInterval(timer);
            });

        });

        var counter = 0;
        function tictac(){
            counter++;
            $("#clock").html(counter);
        }

開始ボタンと停止ボタンは機能しますが、リセットは機能しません。コードの何が問題なのかを確認できますか? お願いします

4

3 に答える 3

1

ソリューションに釘付け

$('#reset').on('click', function(){
    counter = -1;
    tictac();
    window.clearInterval(timer);
});
于 2013-10-17T14:30:52.353 に答える