Divがタイムアウトで表示に隠されています

Question

この画像が隠されていて、5秒後に表示されますが、ループに入るようにしたいので、5秒後に隠れて再び表示されます。

これは私が持っているものです。

回実行

//Shows after interval 
 
function show() { 
 
    document.getElementById("igpng").style.visibility = "visible"; 
 
} 
 
setTimeout("show()", 5000); // after 5 secs

<div id='igpng' style="visibility:hidden; margin:0 auto; height: 100px; max-width: 400px"> 
 
<img src="img/soon.png" alt="" style="max-width:100%;" /> 
 
</div>

Answer 1

代わりのsetTimeout、setIntervalを使用しています。画像が見えるので、それを隠す（またはその逆）場合であれば、あなたの関数にだけチェック

//Shows after interval 
 
function toggle() { 
 
    document.getElementById("igpng").style.visibility = (document.getElementById("igpng").style.visibility == "visible") ? "hidden" : "visible"; 
 
} 
 
setInterval(toggle, 5000); // after 5 secs

<div id='igpng' style="visibility:hidden; margin:0 auto; height: 100px; max-width: 400px"> 
 
    <img src="http://www.placehold.it/100x100" alt="" style="max-width:100%;" /> 
 
</div>