時間倒計時像www.bidhere.com

任何人都可以請建議我我如何可以創建一個倒計時像www.bidhere.com。那是什麼技術。例如jQuery或cronjob？時間倒計時像www.bidhere.com

謝謝。

2010-11-19 iDev Man

<span class="countdown" rel="30">0:30</span><br/> 
<span class="countdown" rel="60">1:00</span><br/> 
<span class="countdown" rel="1800">30:00</span><br/> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script type="text/javascript"> 

// Initialization 
$(document).ready(function(){ 
    // Replace <span class="countdown"> rel content with the expiry epoch time 
    var date = new Date(); // This gives you an epoch date in milliseconds 
    $('span.countdown').each(function(){ 
      // We do rel*1000 to convert to milliseconds, cause rel is in seconds 
     $(this).attr('rel', date.getTime()+parseInt($(this).attr('rel'))*1000); 
    }); 

    // Set an interval so updateCountdown() is called every second 
    setInterval('updateCountdown()', 1000); 
}); 

// Update, called every second 
function updateCountdown() { 
    var date = new Date(); // This gives you an epoch date in milliseconds 
    // For each <span class="countdown"> 
    $('span.countdown').each(function(){ 
     // Get time left in milliseconds 
     var timeLeft = parseInt($(this).attr('rel')) - date.getTime(); 

      // Convert from milliseconds to seconds 
      timeLeft = Math.round(timeLeft/1000); 

      // Set to 0 if negative 
      if (timeLeft < 0) timeLeft = 0; 

     // Extract minutes and seconds for display 
     var secs = timeLeft % 60; 
     var mins = (timeLeft-secs)/60; 

     // Change <span> content 
     $(this).text(mins+':'+(secs<10?'0':'')+secs); 
    }); 
} 
</script>

來源

2010-11-19 20:22:32

。如何在每小時之前添加日期計數？ – 2010-11-20 17:25:34

替換「var secs = timeLeft％60; var mins =（timeLeft-secs）/ 60;」部分是由提取小時和天的東西組成。 – 2010-11-24 15:57:52

您可以使用JavaScript來實現，從上述ANS影響

標記

<body> 
    <div id="countdown"></div> 
</body>

的Javascript

function countdown(remain) { 
var countdown = document.getElementById("countdown"), 
    timer = setInterval(function() { 
     countdown.innerHTML = (remain%60 < 10 ? "0": "") + remain %60; 
     if (--remain < 0) { clearInterval(timer); } 
    },1000); 
} 


countdown(20);

來源

2010-11-19 20:09:28

時間倒計時像www.bidhere.com

回答

相關問題