jquery spritefy 暂停和重新启动

Question

我正在使用这个插件： http://www.spritely.net/ 谁能告诉我为什么变量 $sprite 不重新执行？

function animate_header() {
    var $sprite = $('#header') 
        .sprite({
            fps: 30, 
            no_of_frames: 4,
            // the following are optional: new in version 0.6...
            start_at_frame: 1,
            rewind: false,
            on_last_frame: function(obj) {
                // you could stop the sprite here with, e.g.
                obj.spStop();
            }
        })
        .active();
}
var init = setInterval("animate_header()", 1000);

我也尝试过这个：

function animate_header() {
    $('#header') 
        .sprite({
            fps: 30, 
            no_of_frames: 4,
            // the following are optional: new in version 0.6...
            start_at_frame: 1,
            rewind: false,
            on_last_frame: function(obj) {
                // you could stop the sprite here with, e.g.
                obj.spStop();
            }
        })
        .active();
}
var init = setInterval("animate_header()", 1000);

函数本身每秒执行一次。但精灵却没有。

Answer 1

这对我有用。我首先设置选项，然后使用 spStart 函数循环它。

$('#header') 
    .sprite({
        fps: 30, 
        no_of_frames: 4,
        start_at_frame: 1,
        rewind: false,
        on_last_frame: function(obj) {
            // you could stop the sprite here with, e.g.
            obj.spStop();
        }
    });

setInterval ( "$('#header').spStart()", 1000 );

Answer 2

对于其他可能偶然发现这一点的人，请使用

.destroy()

动画似乎在以其他方式运行几次后中断，但 destroy 修复了它:)

Answer 3

尝试在代码末尾将 .active(); 替换为 .spStart(); 。

看起来像在最后一帧调用的 obj.spStop() 只会杀死动画，并且需要一个跳跃启动才能使其继续...
为我工作:)

Answer 4

我最终这样做了。哪个如我所愿。

function loop() {

  $('#bird').sprite({fps: 7,  no_of_frames: 4, play_frames: 4});

           var t = setTimeout(function(){
            loop()
           }, 2000);
       }
       loop()

不过还是感谢您的回复。