如何模仿这样的led动画？

Question

我尝试用javascript构建led动画。臭虫目前我能够得到这样的：http://jsbin.com/esakip/1/

动画parten：

*___*___*___*___*___*___*___*___*___*___*___*___*___*___

它显示每400毫秒，我想将其切换这样的例子：

开/关3次开关，然后睡1秒，然后再做这个过程。

 
*_*_*______*_*_*______*_*_*______*_*_*______*_*_*______ 

Answer 1

使其成为配置：

var pattern=('*_*_*______').split(''); 

function showNext(lastIndex){ 
    var nextIndex = lastIndex+1; 
    // go back to the start if we are past the end 
    nextIndex = nextIndex % pattern.length; 
    // do we need to do anything? 
    if(pattern[lastIndex] != pattern[nextIndex]){ 
     //fade in or out depending on the current symbol 
     if(pattern[nextIndex]=='*'){ 
      $('#led').fadeIn('fast'); 
     }else{ 
      $('#led').fadeOut('fast'); 
     } 
    } 
    // call this function again after a pause 
    setTimeout(function(){showNext(nextIndex);},400); 
} 
// start the thing off 
showNext(-1); 

Answer 2

使用jQuery：

$('#led').fadeIn('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').delay('1000').fadeIn('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').delay('1000'); ...

http://jsfiddle.net/kvJsc/

Answer 3

必须这样做：

while (true) 
$('#led').fadeIn('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').delay('1000'); 

Answer 4

使用而崩溃的浏览器...如果你需要循环这个动画，把它放在一个有趣的地方ction一次又一次回忆吧..

$(function(){ 
    setInterval(function(){ 

    $('#led').fadeIn('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').delay('1000'); 

    },1800); 
}); 

更新http://jsfiddle.net/kvJsc/5/