有誰知道如何使圖像出現然后消失？

Question

我想將圖像的顯示延遲大約5分鍾，然后一旦出現，我希望它在10秒后消失。

我已經能夠使用代碼延遲圖像的外觀

<script type="text/javascript">
    function showBuyLink() {
      document.getElementById("buylink").style.visibility = "visible";
    }
    // adjust this as needed, 1 sec = 1000
    setTimeout("showBuyLink()", 300000); 
</script>

但后來我無法使其消失。

Answer 1

這可能對您有幫助

   function showBuyLink() { 
      document.getElementById("buylink").style.display = "block"; 
      setTimeout(function (){
          document.getElementById("buylink").style.display = "none";
      }, 10000);    
  } 
  // adjust this as needed, 1 sec = 1000 
  setTimeout(showBuyLink(), 300000); 

Answer 2

只需在show函數中設置另一個指向隱藏函數的計時器即可：

<script type="text/javascript">
    function showBuyLink() {
        document.getElementById("buylink").style.visibility = "visible"; 
        setTimeout("hideBuyLink()", 10000); 
    } 
    function hideBuyLink() {
        document.getElementById("buylink").style.visibility = "hidden"; 
    } 
    // adjust this as needed, 1 sec = 1000 
    setTimeout("showBuyLink()", 300000); 
</script>

或者，如果您希望在一個功能中使用它：

<script type="text/javascript">
    function showBuyLink(){
        var buyLink = document.getElementById("buylink");
        if(buyLink.style.visibility == "hidden"){
            buyLink.style.visibility = "visible";
            setTimeout("showBuyLink()", 10000); 
        }else{
            buyLink.style.visibility = "hidden"; 
        }
    }
    // adjust this as needed, 1 sec = 1000 
    setTimeout("showBuyLink()", 300000); 
</script>

Answer 3

答案實際上是在您自己的代碼中： setTimeout(…)用於在一段時間后調用一個函數，因此您可以創建第二個函數（即“ hideBuyLink”），然后將另一個對setTimeout的調用放入showBuyLink() 。

但是，似乎您試圖將JavaScript放到一個可以購買商品的真實網站上。 我建議您與某人聯系以幫助您進行編碼，因為這是一個初學者的問題，我擔心您可能會犯錯誤，而這些錯誤最終可能會被惡意人利用。

Answer 4

還有另一種方法。

setTimeout(function() {
    document.getElementById("buylink").style.visibility = "visible"; 
    setTimeout(function() {
        document.getElementById("buylink").style.visibility = "hidden"; 
    }, 10000);
},300000);