快捷導(dǎo)航

JS延遲加載(setTimeout) JS最后加載

更新時(shí)間：2010年07月15日 00:05:27 投稿：mdxy-dxy

為了讓一個(gè)廣告幾秒以后再執(zhí)行所以做個(gè)延遲加載的東東，用了JS實(shí)現(xiàn)，還蠻好用的，算是分享，也是記錄吧。

第一 JS延遲加載

 
<script language="JavaScript" src="" id="my"></script> 

<script> 

setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延時(shí)3秒 

</script>

一般情況下都是利用setTimeout來實(shí)現(xiàn)
第二 JS最后加載
在需要插入JS的地方插入以下代碼:

復(fù)制代碼代碼如下:

<SPAN id=L4EVER>LOADING...</SPAN>

當(dāng)然，那個(gè)LOADING…你可以換成自己喜歡的小圖片?？雌饋砗苡蠥JAX效果呢。
然后在頁面最底端插入:

復(fù)制代碼代碼如下:

js代碼

復(fù)制代碼代碼如下:

setTimeout的標(biāo)準(zhǔn)語法是: setTimeout(表達(dá)式,時(shí)間(毫秒)) 兩個(gè)參數(shù).

在這里著重記下第一個(gè)參數(shù)是一個(gè) function時(shí)的調(diào)用,假設(shè)是一個(gè)函數(shù).

1.函數(shù)無參:
function alertV(){ alert("000"); }

當(dāng)?shù)谝粋€(gè)參數(shù)不加引號("" 或 '')時(shí),延遲一秒:
setTimeout(alertV,1000);

當(dāng)?shù)谝粋€(gè)參數(shù)加上又引號時(shí),延遲一秒:
setTimeout("alertV()",1000);

2. 函數(shù)有參:

function alertV(event){ alert("keyCode="+event.keyCode); }

此時(shí)應(yīng)設(shè)置成:
setTimeout(function(){alertV(event);},1000); 不然會提示參數(shù)未定義.

setTimeout(function () {
    $("#id").html(datastr);
  }, 1000);

jquery的通過delay實(shí)現(xiàn)，例如

$("#id").delay(1000).html(datastr);

setTimeout('yourFunction()',5000); 5秒后執(zhí)行yourFunction(),只執(zhí)行一次
setInterval('yourFunction()',5000); 每隔5秒執(zhí)行一次u

如果在yourFunction()中再次調(diào)用了setTimeout('yourFunction()',5000)，可以完成類似于

setInterval('yourFunction()',5000)的功能

要是哪位還有好的可行方法,謝謝共享.

您可能感興趣的文章:

JS延遲加載

相關(guān)文章

JavaScript判斷數(shù)據(jù)類型有幾種方法及區(qū)別介紹
這篇文章主要介紹了JavaScript判斷數(shù)據(jù)類型有幾種方法及區(qū)別介紹,本文給大家分享多種方法通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-09-09
javascript 實(shí)現(xiàn)簡單的table排序及table操作練習(xí)
在這個(gè)列子中，練習(xí)了table的操作，主要有：tBodies、rows、cells，還有有關(guān)數(shù)組的排序方法：sort,按興趣的朋友可以研究下
2012-12-12
js中如何向數(shù)組中添加元素unshift()方法
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價(jià)值,希望對大家有所幫助,
2023-12-12
淺析JS中對函數(shù)function的理解(基礎(chǔ)篇)
我們知道，在js中，函數(shù)實(shí)際上是一個(gè)對象，每個(gè)函數(shù)都是Function類型的實(shí)例，并且都與其他引用類型一樣具有屬性和方法。下面給大家談下對JS中函數(shù)function的理解，一起看看吧
2016-10-10
跟我學(xué)習(xí)javascript的undefined與null
跟我學(xué)習(xí)javascript的undefined與null，從定義上理解null和undefined，告訴大家提高undefined性能的方法，感興趣的小伙伴們可以參考一下
2015-11-11
為什么說JavaScript預(yù)解釋是一種毫無節(jié)操的機(jī)制詳析
這篇文章主要給大家介紹了關(guān)于為什么說JavaScript預(yù)解釋是一種毫無節(jié)操的機(jī)制的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧
2018-11-11
用Javascript 編寫可以緩慢彈出收縮的層
前天老師布置了一道思考題，用Javascript編寫可以緩慢彈出收縮的層，折騰了好幾個(gè)小時(shí)，總算寫出效果.
2009-10-10
這篇文章主要為大家介紹了通過手寫instanceof理解原型鏈?zhǔn)纠斀?，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05