2011-04-20 55 views
0

我使用jQuery runloop一個相當複雜的動畫。儘管名稱爲runLOOP,但我無法在循環中運行動畫。jQuery runloop - 如何創建一個循環?

這裏是我試過(簡體):

var loop = jQuery.runloop(); 

    loop.addKey('25%', function(){ 
    console.log('25%'); 
    }); 
    loop.addKey('50%', function(){ 
    console.log('50%'); 
    }); 
    loop.addKey('75%', function(){ 
    console.log('75%'); 
    }); 
    loop.play(3000, callback); 

    function callback() { 
    console.log('done!'); 
    console.log(loop); 
    loop.reset(); 
    loop.play(3000); 
    console.log(loop); 
    } 

我預計loop.reset(); runloop的方式,讓我與loop.play();再次運行循環重置,但我的控制檯完成動畫後發瘋第一次。

有沒有人成功嘗試過嗎?

- 多米尼克

編輯: 看到活動的代碼 - >http://jsfiddle.net/v9UPx/(打開您的控制檯)

+0

通過快要瘋了,你的意思是......? – Zirak 2011-04-20 07:57:05

+0

我更新了我的初始文章以包含jsfiddle的鏈接。 – dmnkhhn 2011-04-20 08:55:25

回答

0

您的控制檯可能變爲「瘋狂」,當你調用console.log(loop);我想象這就是在做它。

+0

請參閱操作中的代碼 - > http://jsfiddle.net/v9UPx/(打開您的控制檯) – dmnkhhn 2011-04-20 10:46:07

0

reset()之前添加pause()像這樣:

function callback() { 
    loop.pause(); 
    loop.reset(); 
    loop.play(3000); 
}