Question

我有一个汽车在屏幕上来回行驶的动画，并且想出了当图像到达屏幕的右侧时如何翻转图像，然后当它到达左侧时再次显示。但是，我需要循环这个JS事件，以便动画不断显示汽车在正确的方向上行驶。＆＃39;下面的代码应该让你知道我正在使用什么，所以如果有人能够帮助这个初学者弄清楚如何让它无限循环，我将非常感激。

* TL / DR

基本上我需要下面的代码无限循环。

var carorange = $('.org-car');
    setTimeout(function () {
        carorange.addClass('flipimg');
    }, 5000);
    setTimeout(function () {
        carorange.removeClass('flipimg');
    }, 10000);

Answer 1

使用setInterval代替setTimeout：

var carorange = $('.org-car');
setInterval(function () {
    carorange.toggleClass('flipimg');
}, 5000);

setInterval还有一个很大的优点：你可以停止间隔。因此，如果您将时间间隔分配给变量，例如var myTimer = setInterval...，则可以随时使用clearInterval(myTimer);停止它：）

Javascript中的无限循环？

1 个答案: