javascript：簡單的延遲圖像顯示

我想寫一個簡單的JavaScript代碼片段，其延遲了圖像加載的一定數量毫秒以下。javascript：簡單的延遲圖像顯示

<html> 
<head> 
<script type="text/javascript"> 


function SetTimer() 
{ 
     var Timer = setInterval("showImage()",3000); 
} 

function showImage() 
{ 
document.getElementById('showImage').style.visibility = 'visible'; 

} 


</script> 
</head> 
<body onLoad="SetTimer()" style="visibility:hidden"> 
<div id=showImage> 
<a href="home.php"><img src="gwyneth_paltrow_2.jpg"></a> 
</div> 
</body> 
</html>

我接近這個錯誤嗎？

在此先感謝

來源

2011-02-24 phill

這基本上是一個好辦法。有一些錯誤，即：

document.getElementByID('showImage')style.visibility = 'hidden';

getElementByID應該是getElementById

後（「showImage」）

，以顯示它您設置的知名度，「隱藏」的需求點。相反，你應該開始隱藏，然後讓它出現而不是消失。

來源

2011-02-24 04:28:19

你是對的，它的倒退。我做了相應的調整。 – phill 2011-02-24 04:48:06

@phill - 仍然沒有做你說你想要的東西，能見度狀態不會延遲加載圖像，它只是延遲顯示它。這根本不是一回事。 – 2011-02-24 04:52:38

document.getElementById('showImage').style.visibility = 'hidden';

來源

2011-02-24 04:28:16 delphist

嗯，代碼是倒退給出延遲圖像外觀的既定目標。如果我只是使用你的代碼作爲基礎，那麼我將使用CSS隱藏圖像的可見性，然後觸發顯示器在計時器上可見。

但是，這樣說...這不會延遲圖像的加載，它只是延遲顯示它。處理它的另一種方法是使用計時器在Javascript中加載Image對象，然後將其插入到DOM中。然後，這實際上會延遲加載圖像3秒鐘。這樣的事情：

function showImage() 
{ 
    var myImage = new Image(); 
    myImage.src = "gwyneth_paltrow_2.jpg"; 
    document.getElementById("showImage").appendChild(myImage); 
}

我這樣做是從內存，所以語法可能不完全正確。

來源

2011-02-24 04:33:45

javascript：簡單的延遲圖像顯示

回答

相關問題