茫茫網海中的冷日
         
茫茫網海中的冷日
發生過的事,不可能遺忘,只是想不起來而已!
 恭喜您是本站第 1664618 位訪客!  登入  | 註冊
主選單

Google 自訂搜尋

Goole 廣告

隨機相片
PIMG_00176.jpg

授權條款

使用者登入
使用者名稱:

密碼:


忘了密碼?

現在就註冊!

網頁設計 : [轉貼]怎麼樣讓javascript 等待一段時間後繼續執行後面的程序?

發表者 討論內容
冷日
(冷日)
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15766
[轉貼]怎麼樣讓javascript 等待一段時間後繼續執行後面的程序?
怎麼樣讓javascript 等待一段時間後繼續執行後面的程序?

整個關鍵在於這個Function:
SetTimeOut(a(),1000);

她的功能是:一千毫秒後 執行a()!

樓上的只是等待一秒後執行相應的函數,但要"繼續執行後面的程序"(同一個函數)就不行了

Javascript中暫停功能的實現
Javascript本身沒有暫停功能(sleep不能使用)同時 vbscript也不能使用doEvents,故編寫此函數實現此功能。
javascript作為弱對像語言,一個函數也可以作為一個對像使用。
比如:
  function Test(){
    alert("hellow");
    this.NextStep = function() {
      alert("NextStep");
    }
  }

我們可以這樣調用 var myTest=new Test();myTest.NextStep();

我們做暫停的時候可以吧一個函數分為兩部分,暫停操作前的不變,把要在暫停後執行的代碼放在this.NextStep中。
為了控制暫停和繼續,我們需要編寫兩個函數來分別實現暫停和繼續功能。
暫停函數如下:
  function Pause(obj,iMinSecond){
    if (window.eventList==null) window.eventList=new Array();
    var ind = -1;
    for (var i=0;i<window.eventList.length;i++){
      if (window.eventList[i]==null) {
        window.eventList[i]=obj;
        ind=i;
        break;
      }
    }
    if (ind == -1){
      ind = window.eventList.length;
      window.eventList[ind]=obj;
    }
    setTimeout("GoOn(" + ind + ")",iMinSecond);
  }

該函數把要暫停的函數放到數組window.eventList裡,同時通過setTimeout來調用繼續函數。

繼續函數如下:
  function GoOn(ind){
    var obj = window.eventList[ind];
    window.eventList[ind]=null;
    if (obj.NextStep) obj.NextStep();
    else obj();
  }

該函數調用被暫停的函數的NextStep方法,如果沒有這個方法則重新調用該函數。

函數編寫完畢,我們可以作如下冊是:
  function Test(){
    alert("hellow");
    Pause(this,3000);//調用暫停函數
    this.NextStep = function(){
      alert("NextStep");
    }
  }
  Test();


以前收藏的,很經典!!!


原文出處:怎麼樣讓javascript r腳本等待一段時間後繼續執行後面的程序?
冷日
(冷日)
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15766
[轉貼]javascript 等待幾秒鐘以後執行特定函數 簡單timer使用法
javascript 等待幾秒鐘以後執行特定函數 簡單timer使用法
<html>
<head>
<title>Hello Timer</title>
<script language="javascript">
  function OnClick1() {
    setTimeout("test()",1000);
  }
  function test() { alert('ddd'); }
</script>
</head>
<body>
  <input type = "button" onclick = "OnClick1()" value = "Click me111"></input>
</body>
</html>

文章出處:DIY部落
冷日
(冷日)
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15766
[轉貼]火狐瀏覽器下 JS 代碼不兼容 setTimeout 函數失效無效不運行執行的解決辦法
火狐瀏覽器下 JS 代碼不兼容 setTimeout 函數失效無效不運行執行的解決辦法

今天檢查自己用JQuery+AJAX+PHP做的網站後台登錄檢測,發現登陸成功後執行頁面跳轉函數這段JavaScript(JS)代碼特效在IE和谷歌瀏覽器Chrome下都可以很好地執行,兼容性還不錯。結果到了火狐(FireFox)瀏覽器下setTimeout這個JS內置函數不執行了,無效了,也沒報錯!打開FireBUG指望它能檢測出JS的錯誤,結果沒用...Javascript(JS)腳本代碼在各瀏覽器下的兼容是一個很頭疼的問題,經過一番調試和搜索,終於解決了setTimeout這個JS代碼在火狐下失效不兼容不能運行和執行的錯誤。目前這個setTimeout可以很好地兼容IE6,7,8,9以及谷歌瀏覽器Chrome,火狐瀏覽器FireFox,蘋果瀏覽器Safari,Opera。

setTimeout是一個很不錯的函數,網站頁面前端工程師經常將其用於幾秒後執行的動作。setTimeout這個JS內置函數其用法也很簡單,下面是setTimeout()的函數說明以及用法詳解和實例、示例代碼:
setTimeout()

的作用是指定在多少毫秒後執行一個JS函數或者表達式代碼

setTimeout的用法、語法、參數:setTimeout(code,millisec)

setTimeout參數說明:

code是必需參數。要調用的函數後要執行的 JavaScript 代碼串。
millisec是必需參數。在執行代碼前需等待的毫秒數。毫秒和秒之間的換算是:1000毫秒=1秒

setTimeout實例代碼(1秒後頁面跳轉到指定的URL):
<script language="javascript">
function go(){//定義函數
window.location="main.html";//頁面跳轉
}
window.setTimeout("go()",1000);//1秒後執行函數go
</script>

但是以上JS代碼是無法兼容火狐的,這主要是因為IE和火狐的瀏覽器引擎是不同的。讓這段頁面跳轉JS代碼兼容IE、火狐、SAFARI、OPERA:
<script language="javascript">
function go(){//定義函數
window.location="main.html";//頁面跳轉
}
window.setTimeout(function(){go()},1000);//1秒後執行函數go
</script>

經過看.看.唄[kankanbei.com]站長的測試,它完美地兼容了各主流瀏覽器,特此寫出來和大家分享。值得注意的是實現頁面跳轉的JS代碼我們習慣寫作location.href=頁面地址,而這段代碼在火狐下也是不能運行的,你需要寫作window.location=頁面地址。
火狐瀏覽器下JS代碼不兼容setTimeout函數失效無效不運行執行的解決辦法 -
看看唄,原文地址:http://www.kankanbei.com/html/matrix/javascript/201012/08-333.html


原文出處:火狐浏览器下JS代码不兼容setTimeout函数失效无效不运行执行的解决办法 - 看看呗
前一個主題 | 下一個主題 | 頁首 | | |



Powered by XOOPS 2.0 © 2001-2008 The XOOPS Project|