<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS时间倒计时</title>
<script type="text/javascript">
var time_now_server,time_now_client,time_end,time_server_client,timerID;
time_end = new Date("2014/04/04 00:00:00");//结束的时间
time_end = time_end.getTime();
time_now_server = new Date();//开始的时间
time_now_server = time_now_server.getTime();
time_now_client = new Date();
time_now_client = time_now_client.getTime();
time_server_client = time_now_server - time_now_client;
setTimeout("show_time()",1000);
function show_time()
{
var timer = document.getElementById("timer");
if (!timer){
return ;
}
timer.innerHTML = time_server_client;
var time_now,time_distance,str_time;
var int_day,int_hour,int_minute,int_second;
var time_now = new Date();
time_now = time_now.getTime() + time_server_client;
time_distance = time_end - time_now;
if (time_distance > 0){
int_day = Math.floor(time_distance/86400000)
time_distance -= int_day*86400000;
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)
time_distance -= int_second*1000;
int_millisecond = Math.floor(time_distance/1)
if (int_day < 10)
int_day = "0" + int_day;
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;
if (int_millisecond > 9 && int_millisecond < 100) {
int_millisecond = "0" + int_millisecond;
} else if (int_millisecond < 10) {
int_millisecond = "00" + int_millisecond;
} else {
int_millisecond = int_millisecond;
}
str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟" + int_second + "秒" + int_millisecond + "毫秒";
timer.innerHTML = str_time;
setTimeout("show_time()",10);
}else{
//timer.innerHTML = timer.innerHTML;
timer.innerHTML = "到期";
clearTimeout(timerID);
}
}
</script>
</head>
<body>
<div id="timer">这里会被替换成例如:**天**小时**分钟**秒</div>
<script type="text/javascript">show_time();</script>
</body>
</html>
js 倒计时精确到毫秒
最新推荐文章于 2020-12-22 12:30:32 发布