move.js javascript:以设定的间隔重复动画

时间:2012-08-18 00:41:01

标签: javascript animation css3 javascript-events

我正在使用move.js并希望以设定的间隔无限期地重复动画。我看起来已经看了很多,包括使用setInterval和setTimeout,使用回调,但我没有任何成功。除非我的语法变得棘手,否则它根本不可能。如果你有他们,绝对愿意接受替代方法。

http://jsfiddle.net/Xe8m5/

1 个答案:

答案 0 :(得分:0)

setInterval

解决了,感谢move.js dev让我回复。

addEventListener('DOMContentLoaded', 
setInterval(function(){
  var moveBack = move('circle')
        .x(0)
        .end();
        move('circle')
          .to(600, -200)
          .rotate(180)
          .ease('snap')
          .duration('1s')
          .then(moveBack)
          .end();
 }, 2000), 
 false);

更新了小提琴: http://jsfiddle.net/Xe8m5/