2011-11-02 101 views
0

我有一個MySQL數據庫中的日期時間字段的未來日期,它只會在當前時間之前不超過一個小時或兩個小時。php javascript jquery倒計時?

我需要的是在頁面上實時顯示倒計時,例如「2分5秒」,obv每秒倒計時。

我需要JavaScript嗎?或者是jquery等新的東西? 我不知道,只有一點點的PHP。

+0

是的,你需要JavaScript。 –

回答

0

只要它的實時。您需要javascript

您的後端PHP應查詢數據庫並將未來時間插入到JS中。

一個JS倒計時的一個例子:GTA五世的倒計時這裏http://www.gtaforums.com/index.php?showforum=239

+0

大聲笑謝謝,我想知道什麼時候gta預告片發佈:P – user1022585

+0

@ user1022585我希望這可以幫助。 PS我故意把鏈接放在那裏,我被超級炒作。 – Mob

0

我想你已經找到了解決辦法。但是如果有人仍在尋找這個解決方案,那麼這個代碼可能會有所幫助。

Reverse timer from javascript: 

var target_date = new Date('Aug 01 2014 20:47:00').getTime(); 
    var days, hours, minutes, seconds; 
    var countdown = document.getElementById('timeremaining'); 
    var countdownTimer = setInterval(function() { 
     var current_date = new Date().getTime(); 
     var seconds_left = (target_date - current_date)/1000; 

     days = parseInt(seconds_left/86400); 
     seconds_left = seconds_left % 86400; 

     hours = parseInt(seconds_left/3600); 
     seconds_left = seconds_left % 3600; 
     minutes = parseInt(seconds_left/60); 
     seconds = parseInt(seconds_left % 60); 

     if(days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0) 
     { 
      document.getElementById('timeremaining').innerHTML = ''; 
      clearInterval(countdownTimer);    
     } 
     else 
     {  
      if(days>0) 
       { 
       days= days+'d,'; 
       } 
       else 
       { 
       days=''; 
       }    
      countdown.innerHTML ='(' + days + checkTime(hours) + ':'+ checkTime(minutes) + ':' + checkTime(seconds) +' remaining)';  
     } 
    }, 1000); 

    function checkTime(i) { 
     if (i < 10) {i = '0' + i}; 
     return i; 
    }