javascript - JavaScript 中的无限循环？

Question

我有一个汽车在屏幕上来回行驶的动画，并且已经弄清楚如何在图像到达屏幕右侧时翻转图像，然后在到达屏幕左侧时再次翻转图像。但是，我需要循环这个 JS 事件，以便动画不断显示汽车以正确的“方向”行驶。下面的代码应该让您了解我正在处理的内容，因此如果有人能够帮助这个初学者弄清楚如何使其无限循环，我将不胜感激。

*tl/博士

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

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); 停止它:)