javascript - jquery 如何在某个事物 == true 时中断循环函数？

Question

我用谷歌搜索了这个问题，但找不到我要找的东西。

我想要它，以便我的函数只在页面处于事件状态时循环然后停止，以防止浏览器造成不必要的负担(不确定这是否相关？)，但我不确定如何去对这个。这是我的循环函数:

glowy();
function glowy() {
    $('#glow').animate({'opacity':1},2000);
    $('#glow').animate({'opacity':.2},2000, glowy);
}

但我需要它以便当

if (currentImage !== 1)

不再调用该函数，其中 currentImage 是我前一段时间设置的变量，用于确定哪个页面处于事件状态。

任何帮助将不胜感激!谢谢! :-)

Answer 1

只需调用return; 中断该函数，其余代码将不会执行。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return#Example:_Interrupt_a_function

glowy();
function glowy() {
    if (currentImage != 1) {
        return;
    }
    $('#glow').animate({'opacity':1},2000);
    $('#glow').animate({'opacity':.2},2000, glowy);
}