1、用setTimeout方法实现:
<!DOCTYPE html>
<html>
<head>
<title>timeShow</title>
<script src="file:///F:/front end/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
<div id="time0">距离团购结束还有<span id="time">haha</span></div>
<script type="text/javascript">
window.onload = function(){
showTime();
}
function showTime(){
var nowtime = new Date();
var deadline = new Date("2016/2/20,12:12:12");
var result = (deadline.getTime() - nowtime.getTime())/1000;
checkTime(result);
function checkTime(t){
if(t<=0){
$('#time0').text("团购已结束");
}
else{
var d = parseInt(result/(60*60*24));
var h = parseInt(result/(60*60)%24);
var m = parseInt(result/60%60);
var s = parseInt(result%60);
$('#time').text(d+"天"+h+"时"+m+"分"+s+"秒");
setTimeout("showTime()",500);
}
}
}
</script>
</body>
</html>
2、用setInterval方法实现
<!DOCTYPE html>
<html>
<head>
<title>timeShow</title>
<script src="file:///F:/front end/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
</head>
<body>
<div id="time0">距离团购结束还有<span id="time">haha</span></div>
<script type="text/javascript">
function showTime(){
var endtime=new Date("2016/5/15,12:20:12");//结束时间
var nowtime = new Date();//当前时间
var lefttime= parseInt(endtime.getTime()-nowtime.getTime());
d= parseInt(lefttime/(1000*60*60*24)) ;
h= parseInt(lefttime/(1000*60*60)%24);
m= parseInt(lefttime/(1000*60)%60);
s= parseInt(lefttime/1000%60);
$('#time').text(d+"天"+h+"小时"+m+"分"+s+"秒");
if(lefttime<=0){
$('#time0').text("团购已结束");
clearInterval(sh);
}
}
showTime();
var sh;
sh = setInterval("showTime()",500) ;
</script>
</body>
</html>