2011-06-27 195 views
0

我是新來的jQuery編程PHP。我 想在jQuery的倒計時PHP的時間變量 。例如時間= 31233. 我怎麼會倒計時這個喜歡 MM:SS?jQuery的倒計時

請幫助謝謝

+0

http://keith-wood.name/countdown.html – Sotiris

回答

1

試試這個:

$(function() { 
    var defaultTimer = 400, // Default amount of seconds if url variable is not found 
     callback = function() { 
      // Will be executed when the timer finishes 
      alert("Time is up!"); 
     }; 

    var counter = 1, timer, 
     match = document.location.href.match(/[\?|&]timer=(\d+)/i), 
     totalTime = match ? match[1] : defaultTimer; 

    timer = setInterval(function() { 
     if (totalTime != -1 && !isNaN(totalTime)) { 
      val = 'Time left: ' + (function() { 
       var m = Math.floor(totalTime/60); 
       if (m < 10) { 
        return '0'.concat(m); 
       } else { 
        return m; 
       } 
      })() + ':' + (function() { 
       var s = totalTime % 60; 
       if (s < 10) { 
        return '0'.concat(s); 
       } else { 
        return s; 
       } 
      })(); 

      $('#counter').html(val); 
      totalTime--; 
     } else { 
      window.clearInterval(timer); 
      timer = null; 
      callback(); 
     } 
    }, 1000); 
}); 

你可以在這裏找到一個例子:http://jsfiddle.net/hHD4w/

+0

6:7> 06:07可能嗎? – hosaf

+0

@shaz如何防止NaN? – hosaf

+0

@hosaf:立即嘗試上面的代碼。我修正了一些事情。如果數字小於10,你應該在數字前加0。例如:'1:9'應該變成'01:09'。 – Shaz

1

在這裏你去

<span id="countdown"></span> 

<script> 
var timer = 31233; 

setInterval(function() { 
    var minute = Math.floor(timer/60); 
    var second = '00' + (timer % 60); 
    var val = minute + ':' + second.substring(second.length - 2); 
    $('#countdown').html(val); 
    timer--; 
}, 1000); 
</script> 

固定的格式 - http://jsfiddle.net/3NYY9/8/

+0

感謝這麼多。 – hosaf

+0

這並不是解決問題的任擇議定書希望'timer'是從URL變量 – Shaz

+0

好端端的一個設定值!編程需要研究生學位? – hosaf