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 }?>