javascript - 计时器上的 Jquery div 运动然后重复

Question

我在使用某些代码时遇到了一些问题。我试图让一个 div 随着 slider 显示及时移动。每次显示新幻灯片时，div 都会移动。 这是我想出来的

setInterval(function() { 
$( ".bar" ).animate({ "left": "+=13.5em" }, "slow" );
},  3000);

效果很好，div 与 slider 同步。但它永远不会停止。我一直在尝试编写代码来完成这项工作，但我似乎做不到。

一旦 div 到达某个点，我希望它回到它的起点，然后像图像 slider 一样一遍又一遍地重复它的动画。

我能否在另一行代码中放置另一个计时器，以告诉 div 在设定的持续时间后返回到某个点？那么上面的代码会一直播放动画吗？ (我现在就给这个!)

Answer 1

您是否在使用 slider 插件？一些插件可以设置回调，比如 flexslider 插件:

$(elem).flexslider({
    before: function(){
        //event before slide transition
    },
    after: function(){
        //event after slide transition
    }
});