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

* tl /博士

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

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

最佳答案

使用setInterval代替setTimeout

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


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

09-20 14:21