商城倒计时JS怎么做
<style type="text/css">
div {
text-align: center;
color:#333;
font-size: 36px;
}
</style>
</head>
<body>
<div>距离2019年春节还有:<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒</div>
<script type="text/javascript">
var spans = document.getElementsByTagName("span");
// 距离春节多少天多少时多少分多少秒
var end = new Date("2019-2-5");
// 开启定时器
setInterval(function(){
var now=new Date();
// alert(now);
_ss=parseInt(diff(now,end));
// alert(_ss);
_d=parseInt(_ss/(24*3600));
// alert(_d);(
_h=parseInt(_ss%(24*3600)/3600);
// alert(_h);
_m=parseInt(_ss%3600/60);
// alert(_m);
_s=parseInt(_ss%60);
// alert(_s);
spans[0].innerHTML=toTwo(_d);
spans[1].innerHTML=toTwo(_h);
spans[2].innerHTML=toTwo(_m);
spans[3].innerHTML=toTwo(_s);
},1000)
function diff(start,end){
return (end.getTime()-start.getTime())/1000
}
function toTwo(num){
return num<10?"0"+num:num
}
</script>
原文地址:https://www.cnblogs.com/lxystar/p/9970736.html
时间: 2024-10-12 18:59:14