<!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>时间倒计时</title>
<script src="../js/jquery.js"></script>
</head>
<body>
<div id="datecount"></div>
</body>
<script>
function dateCount(start,end){
if(new Date(start)< new Date(end)){
var start = new Date(start);
var end = new Date(end);
var time =end.valueOf()-start.valueOf();
var days=Math.floor(time/(24*3600*1000));
var leave1=time%(24*3600*1000) //计算天数后剩余的毫秒数
var hours=Math.floor(leave1/(3600*1000))
//计算相差分钟数
var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数
var minutes=Math.floor(leave2/(60*1000))
//计算相差秒数
var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数
var seconds=Math.round(leave3/1000)
var h = hours;
var m = minutes;
var s = seconds;
var showh,showm,shows;
var timeInterval = setInterval(function () {//开始执行倒计时
if (days ==0 && h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }//如果时、分、秒都为0时将停止当前的倒计时
if (s == 0) { s = 60; }//当秒走到0时,再次为60秒
if (s == 60) {
m -= 1;//每次当秒走到60秒时,分钟减一
if (m == 0 && h > 0) {//当分等于0时并且小时还多余1个小时的时候进里面看看
h -= 1;//小时减一
m = 60;//分钟自动默认为60分
s = 60;//秒自动默认为60秒
}
}
if(m==60){
h-=1;
if(h==0 && days>0){
days-=1;
h=23;
m = 60;
s = 60;
}
}
s -= 1;//秒继续跳动,减一
showh = h<10? "0"+h:h;
showm=m<10?'0'+m:m;
shows=s<10?'0'+s:s;
var showday =days==0?"":days+"天 ";
$("#datecount").html(showday+showh+":"+showm+":"+shows);
}, 1000);
}else{
$("#datecount").html("时间有误");
}
}
dateCount(new Date(),"2013-8-21 17:35:00");
</script>
</html>
js 时间倒计时
最新推荐文章于 2023-10-21 18:54:00 发布