jquery實現的判斷倒數計時是否結束程式碼

本章節介紹一段程式碼例項，此程式碼能夠判斷當前日期是否已經倒數計時結束，此程式碼中並沒有倒數計時效果，只是判斷是否倒數計時完成，比如購物網站優惠期限等，雖然實際應用中，很少會出現類似的程式碼，不過希望能夠給瀏覽者帶來一定的啟示作用。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function done(){
  var str=$('#end').text(); 
  var out=str.match(/\d+/g);
  console.log(out); 
  var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2]); 
  console.log(h+'#'+m+'#'+s);
  var calc=h*3600+m*60+s;
  console.log(calc); 
  if(calc==0){
    //code
  } 
  else{
    console.log('等待..');
  } 
  var t=setTimeout('done()',1000);
} 
done();

上面只是程式碼片段，不能夠演示，下面介紹一下它的實現過程。

一.程式碼註釋:

1.function done(){}，此函式實現判斷倒數計時結束效果。

2.var str=$('#end').text()，獲取指定元素中的文字內容，本程式碼中應該倒數計時當前時間.

3.var out=str.match(/\d+/g)，獲取時間日期中數字的陣列。

4.var h=parseInt(out[0]),m=parseInt(out[1]),s=parseInt(out[2])，分別獲取小時、分鐘和秒。

5.var calc=h*3600+m*60+s，轉換成秒。

6.if(calc==0){//code}，判斷倒數計時是否結束，然後指定相應的操作。

7.var t=setTimeout('done()',1000)，每隔一秒執行一次判斷函式。

8.done()，執行此函式。

二.相關閱讀:

1.match()函式可以參閱正規表示式match()函式一章節。 

2.setTimeout()函式可以參閱setTimeout()函式用法詳解一章節。