<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 id="s"></h1>
</body>
</html>
<script type="text/javascript">
function getTimeDif(startTime,endTime){
return (endTime.getTime() - startTime.getTime())/1000;
}
var h1=document.getElementsByTagName("h1")[0];
var endtime=new Date("2018/10/09 11:00:00");
var now=new Date();
var t=getTimeDif(now,endtime);
showTime();
function showTime(){
if(t<0){
h1.innerHTML="活动时间到期";
return ;
}
var d=parseInt(t/3600/24);//得到多少天
var h=parseInt((t/3600/24-d)*24);//得到多少小时
var m=parseInt(((t/3600/24-d)*24-h)*60);//得到分钟
var s=parseInt((((t/3600/24-d)*24-h)*60-m)*60);//得到秒数
h1.innerHTML = "距离活动时间结束还剩下:"+d+"天"+h+"时"+m+"分钟"+s+"秒";
};
setInterval(function(){
t--;
if(t<0){
h1.innerHTML = "活动时间过期";
return;
}
//显示倒计时时间
showTime();//h1.innerHTML = "距离活动时间结束还剩下:"+d+"天"+h+"时"+m+"分"+s+"秒"
},1000);
</script>
案例商品活动倒计时
猜你喜欢
转载自blog.csdn.net/qq_38068491/article/details/82973343
今日推荐
周排行