javascript - 带有点击事件的 setinterval 根本不起作用

Question

我在让“setinterval”功能在“click”事件中工作时遇到问题。它在点击事件中根本不起作用，而如果我将它放在点击事件之外它起作用..我该如何解决这个问题？

我在谷歌上搜索了一个解决方案，但似乎“点击”事件已经存在问题。我希望你能帮助我解决这个问题。

谢谢。

function myTimer() {
    alert("test");
};


$(document).ready(function() {  
    $('#testButton').click(function() {
        var myVar = setInterval(function() {
            myTimer();
        }, 1000);
    });
});

抱歉，伙计们...看来我这边有错误..我将输入按钮设置为运行服务器，这就是问题所在...感谢你们的帮助..对不起这个问题。 ..

Answer 1

发布您的 html 代码并检查是否包含 jquery。您还可以检查 chrome 控制台或 firefox firebug 中是否有任何错误。如果页面上有按钮，您的代码在这里有效

<button id="testButton">clickme</button>

Answer 2

您确定要使用 setInterval 吗？setInterval 将一直运行相同的函数，直到它被清除。

不要在 setInterval 调用中定义函数，而是尝试仅引用 myTimer，即：

$('#testButton').click(function() {
    var myVar=setInterval(myTimer, 1000);
});

参见“setInterval”与“setTimeout”

Answer 3

尝试：

var myTimer = function() {
    alert("test");
}

$(document).ready(function() {
    $('#testButton').click(function() {
        var reload = function() {
            setTimeout(function() {
                myTimer();
                reload();
            }, 1000);
        }
        reload();
    });
});