如何在用户单击时触发 setInterval 函数? [英] How to trigger a setInterval function on a user click?

问题描述

我正在尝试编写一个 JS 计时器，该计时器将由用户单击 id="start" 的按钮触发.

I'm trying to write a JS timer that will be triggered by a user click on the button with id="start".

我已经让计时器本身正常工作，但是当我尝试添加代码以在按钮单击 (id="start") 上启动计时器时，我打破了它，但不知道为什么.

I've got the timer itself working correctly, but when I try to add code to initiate the timer on the button click (id="start") I break it and am not sure why.

任何帮助将不胜感激！

这里是JS代码:

    $(document).ready(function(){

    var count = 0;

        $('#start').click(function(){
            setInterval(function(){
                count++;
                $('#timer').html(count + ' tacos seconds');
            },1000);
        });

    });

推荐答案

$(document).ready(function() {
    $('#start').click((function(container) {
        var interval;
        return function() {
            if(interval) clearInterval(interval);

            var count = 0;

            interval = setInterval(function() {
                count++;
                $(container).html(count + ' tacos seconds');
            }, 1000);
        };
    })("#timer"));
});

这篇关于如何在用户单击时触发 setInterval 函数?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！