2014-01-22 38 views
1

我想延遲圖像的外觀約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> 

但後來我不能讓它消失延遲的圖像的外觀。

回答

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); 
0

只要設置在顯示功能指向一個隱藏功能的其他定時器:

<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> 

Alternetively,如果你想在一個函數:

<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> 
0

答案實際上是在你自己的代碼中:setTimeout(…)用於調用一個有趣的在一段時間之後,您可以創建第二個功能(即「hideBuyLink」)並將另一個調用setTimeout放入showBuyLink()

但是,看起來好像您試圖將JavaScript放到真正需要購買東西的網站上。我建議你聯繫別人來幫助你完成編碼工作,因爲這是一個初學者的問題,我擔心你可能會犯最後可能被惡意攻擊者利用的錯誤。

0

另一種方式來做到這一點。

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