1

JavaScript を使用して LED アニメーションを作成しようとしています。バグは現在、次のように取得できます: http://jsbin.com/esakip/1/

アニメーションパート:

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

400ミリ秒ごとに表示されます。たとえば、次のように切り替えます。

オン/オフを 3 回繰り返してから、1 秒間スリープしてから、このプロセスをもう一度実行します。

*_*_*______*_*_*______*_*_*______*_*_*______*_*_*______
4

4 に答える 4

0

構成可能にする:

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);
于 2013-04-10T11:10:34.170 に答える
0

while を使用するとブラウザがクラッシュします... このアニメーションをループする必要がある場合は、関数内に配置して、何度も呼び出してください..

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

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

  },1800);
});

更新されたhttp://jsfiddle.net/kvJsc/5/

于 2013-04-10T09:56:47.613 に答える
-1

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/

于 2013-04-10T09:42:40.517 に答える