JS延遲加載(setTimeout) JS最后加載
更新時間：2010年07月15日 00:05:27 投稿：mdxy-dxy
為了讓一個廣告幾秒以后再執(zhí)行所以做個延遲加載的東東，用了JS實現(xiàn)，還蠻好用的，算是分享，也是記錄吧。
第一 JS延遲加載
復(fù)制代碼 代碼如下:
<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延時3秒
</script>
一般情況下都是利用setTimeout來實現(xiàn)
第二 JS最后加載
在需要插入JS的地方插入以下代碼:
復(fù)制代碼 代碼如下:
<SPAN id=L4EVER>LOADING...</SPAN>
當(dāng)然，那個LOADING…你可以換成自己喜歡的小圖片?？雌饋砗苡蠥JAX效果呢。
然后在頁面最底端插入:
復(fù)制代碼 代碼如下:
<SPAN class=spanclass id=AD_L4EVER><script src="1.js"></script></SPAN>
js代碼
復(fù)制代碼 代碼如下:
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>
setTimeout的標準語法是: setTimeout(表達式,時間(毫秒)) 兩個參數(shù).
在這里著重記下第一個參數(shù)是一個 function時的調(diào)用,假設(shè)是一個函數(shù).
1.函數(shù)無參:
function alertV(){ alert("000"); }
當(dāng)?shù)谝粋€參數(shù)不加引號("" 或 '')時,延遲一秒:
setTimeout(alertV,1000);
當(dāng)?shù)谝粋€參數(shù)加上又引號時,延遲一秒:
setTimeout("alertV()",1000);
2. 函數(shù)有參:
function alertV(event){ alert("keyCode="+event.keyCode); }
此時應(yīng)設(shè)置成:
setTimeout(function(){alertV(event);},1000); 不然會提示參數(shù)未定義.
setTimeout(function () {
$("#id").html(datastr);
}, 1000);
jquery的通過delay實現(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)的功能
要是哪位還有好的可行方法,謝謝共享.
相關(guān)文章
JavaScript判斷數(shù)據(jù)類型有幾種方法及區(qū)別介紹
這篇文章主要介紹了JavaScript判斷數(shù)據(jù)類型有幾種方法及區(qū)別介紹,本文給大家分享多種方法通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-09
javascript 實現(xiàn)簡單的table排序及table操作練習(xí)
在這個列子中，練習(xí)了table的操作，主要有：tBodies、rows、cells，還有有關(guān)數(shù)組的排序方法：sort,按興趣的朋友可以研究下2012-12-12
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價值,希望對大家有所幫助,2023-12-12
淺析JS中對函數(shù)function的理解(基礎(chǔ)篇)
我們知道，在js中，函數(shù)實際上是一個對象，每個函數(shù)都是Function類型的實例，并且都與其他引用類型一樣具有屬性和方法。下面給大家談下對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é)操的機制詳析
這篇文章主要給大家介紹了關(guān)于為什么說JavaScript預(yù)解釋是一種毫無節(jié)操的機制的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧2018-11-11
前天老師布置了一道思考題，用Javascript編寫可以緩慢彈出收縮的層，折騰了好幾個小時，總算寫出效果.2009-10-10
這篇文章主要為大家介紹了通過手寫instanceof理解原型鏈示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
this是Javascript語言的一個關(guān)鍵字它代表函數(shù)運行時，自動生成的一個內(nèi)部對象，只能在函數(shù)內(nèi)部使用,下面分四種情況，詳細討論this的用法，感興趣的朋友可以了解下2013-09-09
今天發(fā)現(xiàn)chrome還是有一些獨一無二的東西，基于它們，我們就可以搞出基于特征的判定了。2010-03-03