Javascript setInterval只运行一次

Question

setInterval(this.Animate(), this.speed);

预计每隔这个时间运行一次。是的，但浏览器只运行一次。可能的原因是什么？

Answer 1

如果Animate是原型的派生函数，则必须使用：

setInterval(this.Animate.bind(this), this.speed);

Answer 2

尝试在没有括号的情况下运行你的函数，当你放括号时它总是调用函数而不是传递它，这就是你想要的：

setInterval(this.Animate, this.speed);

如果它仍然不起作用，你应该调试并找出＆＃39;这个＆＃39;的范围，因为＆＃39;这个＆＃39;可能会改变。您可以通过在浏览器的JS调试器中添加断点来实现。 此外，您可以尝试这样做以避免使用＆＃39; apply＆＃39;

的范围问题

var animate = this.animate.apply(this)
setInterval(animate, this.speed);

p.s：为动画避免使用setInterval可能是一个不错的选择，因为它们可能会排队然后立即触发。而是在函数末尾（this.Animate）一次又一次地调用setTimedout，以便创建一个循环。

Answer 3

执行以下操作：

setInterval(this.Animate, this.speed);

您正在执行该功能，而不是指定要以特定间隔执行的功能的引用...

Answer 4

让我们看看你的代码

setInterval(this.Animate(), this.speed);

它所说的是立即运行函数this.Animate()并存储它返回的内容。

你想要做的是创建一个闭包

var that = this;
setInterval( function(){ that.Animate() }, this.speed);

that维持当前范围。

Answer 5

如果您正在寻找JQuery刷新脚本，请尝试：

refreshId = setInterval(function() {
    // Events or Actions
}, 5000);

如果您想要暂停或停止此操作，请使用清除间隔：clearInterval(refreshId);。