DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS延遲加載(setTimeout) JS最後加載
JS延遲加載(setTimeout) JS最後加載
編輯:關於JavaScript     

第一 JS延遲加載
復制代碼 代碼如下:
<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延時3秒
</script>

一般情況下都是利用setTimeout來實現
第二 JS最後加載
在需要插入JS的地方插入以下代碼:
復制代碼 代碼如下:
<SPAN id=L4EVER>LOADING...</SPAN>

當然,那個LOADING…你可以換成自己喜歡的小圖片。看起來很有AJAX效果呢。
然後在頁面最底端插入:
復制代碼 代碼如下:
<SPAN class=spanclass id=AD_L4EVER><script src="1.js"></script></SPAN>

js代碼
復制代碼 代碼如下:
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>


setTimeout的標准語法是: setTimeout(表達式,時間(毫秒)) 兩個參數.

在這裡著重記下第一個參數是一個 function時的調用,假設是一個函數.

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

當第一個參數不加引號("" 或 '')時,延遲一秒:
setTimeout(alertV,1000);

當第一個參數加上又引號時,延遲一秒:
setTimeout("alertV()",1000);


2. 函數有參:

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

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

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

jquery的通過delay實現,例如

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

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

如果在yourFunction()中再次調用了setTimeout('yourFunction()',5000),可以完成類似於

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved