setIntervalでループを非表示にする

Question

私は永遠にループするgifアニメーションを持っています。しかし、私はそれが常に目に見えないようにしたいので、基本的に必要なのは、アニメーションを3秒間実行してから非表示にし、10秒後に再び3秒間表示させることです。

私は現在、これを持っているが、それは動作していない：あなたのコード内.delay(..)は何もしません。

<script type="text/javascript"> 

    function autoupdate() { 

    $('#bird').delay(3000); 
    $('#bird').css('display', 'none'): 
    $('#bird').delay(10000); 
    $('#bird').css('display', 'block'); 
    } 

    $(document).ready(function() { 
    setInterval("autoupdate()", 50); 
    }); 
    </script> 

Answer 1

50ミリ秒の回避策は含まれていません。

Here is my fiddle

<div id="bird"> 
    bird 
</div> 
<script> 
    function autoupdate() { 

    $('#bird').css('display', 'none'); 
    setTimeout(function(){$('#bird').css('display', 'block')},10000); 
    setTimeout(autoupdate,13000); 

    } 

setTimeout(autoupdate,3000); 
</script> 

Answer 2

()

$(document).ready(function() { 
    setInterval(autoupdate, 50); 
    }); 

---

サイドポイントを削除します。 ...それはそれが意図しているものではありません。

代わりにこれを試してみてください：

function autoupdate() { 
    setTimeout(function(){ 
    $('#bird').css('display', 'none'); 
    setTimeout(function(){ 
     $('#bird').css('display', 'block'); 
     setTimeout(autoupdate, 50); 
    }, 10000) 
    }, 3000) 
} 

$(function(){ //same as $(document).ready(function(){ 
    setTimeout(autoupdate, 50); 
}); 

フィドル：http://jsfiddle.net/maniator/NYkCr/それは13秒間に隠れますようニールの溶液中でのミス..私は次のようにより良いあなたに合うだろうとは思いません10. はあり