js实现倒计时效果

1、精确到秒

<script language="JavaScript">
<!-- //
var runtimes = 0;
function GetRTime(){
var nMS = lefttime*1000-runtimes*1000;              //lefttime为剩余时间的秒数
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
if(nH < 1){
nH = 0;
}
if(nM < 1){
nM = 0;
}
if(nS < 1){
nS = 0;
}
$(".RemainH").html(nH);
$(".RemainM").html(nM);
$(".RemainS").html(nS);
runtimes++;
setTimeout("GetRTime()",1000);
}
window.οnlοad=GetRTime;
// -->
</script>

2、精确到毫秒

var runtimes = 0;
function GetRTime(lefttime){                                            //lefttime为剩余时间的秒数
var nMS = lefttime*1000-runtimes*100;
var nH=Math.floor(nMS/(1000*60*60))%24;
var nM=Math.floor(nMS/(1000*60)) % 60;
var nS=Math.floor(nMS/1000) % 60;
var nSS = Math.floor(nMS /100) % 10;  
if(nH < 1){
nH = 0;
}
if(nM < 1){
nM = 0;
}
if(nS < 1){
nS = 0;
}
if(nSS < 1){
nSS = 0;
}
$(".hourspan").html(nH);
$(".minutespan").html(nM);
$(".secondspan").html(nS);
$('.hmspan').html(nSS);
runtimes++;
setTimeout("GetRTime("+lefttime+")",100);
}

3、多个倒计时效果

js部分：

 <script type="text/javascript"> 


       //首先申明变量 
       var timerID; 
       var timer = document.getElementsByName("timer"); 
       var ShowTimer = document.getElementsByName("ShowTimer"); 
       var int_hour, int_minute, int_second; 
       var time_now, time_distance, str_time; 
       var i = 0; 
       function show_time() { 
           if (!timer || !ShowTimer) { 
               return; 
           } 
           time_now = new Date(); 
           time_now = time_now.getTime(); 
           for (i = 0; i < timer.length; i++) { 
               time_distance = Date.parse(timer[i].value.replace(/-/g, "/")) - time_now; 
               if (time_distance > 0) { 
                   int_hour = Math.floor(time_distance / 3600000) 
                   time_distance -= int_hour * 3600000; 
                   int_minute = Math.floor(time_distance / 60000) 
                   time_distance -= int_minute * 60000; 
                   int_second = Math.floor(time_distance / 1000) 
                   if (int_hour < 10) 
                       int_hour = "0" + int_hour; 
                   if (int_minute < 10) 
                       int_minute = "0" + int_minute; 
                   if (int_second < 10) 
                       int_second = "0" + int_second; 
                   str_time = "剩余：" + int_hour + "时" + int_minute + "分" + int_second + "秒"; 
                   ShowTimer[i].innerHTML = str_time; 
               } 
               else { 
                 //js倒计时时间过期时执行的代码 
                   ShowTimer[i].innerHTML = "时间已过"; 
                   clearTimeout(timerID); 
               } 
           } 
           setTimeout("show_time()", 1000); 
       } 

       //调用的代码 
       setTimeout("show_time()", 1000); 

   </script> 

html部分：

 <?php foreach($new as $val){?> 
 
        <li>
<table width="100%" cellpadding="0" cellspacing="0">
        <tr>
        <input type="hidden" name="timer" value="<?php echo date('Y-m-d H:i:s',$val['end_time']);?>" id="lefttime_<?php echo $val['game_id'];?>"/>
            <td class="lPanel">
                    <p name="ShowTimer" class="">剩余：</p>
                </td>

            </tr>
        </table>
    </li>
    
    <?php }?>