商城倒计时JS怎么做
Posted lxystar
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了商城倒计时JS怎么做相关的知识，希望对你有一定的参考价值。
商城倒计时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>以上是关于商城倒计时JS怎么做的主要内容，如果未能解决你的问题，请参考以下文章