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>