javascript - clearInterval 停止 setInterval 纯粹基于时间工作

Question

我是 JS/jQuery 的新手，对停止 setInterval 函数在 x 毫秒内(或运行 X 次后)运行的用法感到非常困惑，这显然发生在 clearInterval 中。我知道这个问题以前也有人问过，但帮不了我。

如您所见，它以 1000 毫秒的延迟开始，然后重复 9000 毫秒(或者在运行 3 次之后更好？？)，然后它需要停止。这样做最理想的方法是什么？我无法正确使用 clearInterval 函数。感谢您的回答!

var elem = $('.someclass');

setTimeout(function() {
    setInterval(function() {
        elem.fadeOut(1500);
        elem.fadeIn(1500);
    },3000);
},1000);

Answer 1

要停止间隔，您需要保留 setInterval 返回的句柄:

setTimeout(function() {
    var cnt = 0;
    var handle = setInterval(function() {
        elem.fadeOut(1500);
        elem.fadeIn(1500);
        if (++cnt == 3) clearInterval(handle);
    },3000);
},1000);