我有一个汽车在屏幕上来回运动的动画,并且想出了如何在到达屏幕右侧时翻转图像,然后在到达左侧时再次翻转图像。但是,我需要循环此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);
停止它:)