JavaScript指定日期倒计时,前面为0时不显示
分类 网站技术/村民张先生 发布于 2017-01-19 16:43
1、将以下代码添加到你的JS文件中:
function buling(n){ return n<10?'0'+n:n; } var eTime = new Array(); function Daojishi(time) { eTime.push(time); setTimeout("dshowtime()", 1000); } function dshowtime(){ var startDate=new Date(); var endDate=new Date(eTime); var countDown=(endDate.getTime()-startDate.getTime())/1000; var day=parseInt(countDown/(24*60*60)); var h=parseInt(countDown/(60*60)%24); var m=parseInt(countDown/60%60); var s=parseInt(countDown%60); var tstr = ''; if(day > 0) { tstr += day + '天'; } if(day > 0 || h > 0) { tstr += buling(h) + '小时'; } if(day > 0 || h > 0 || m > 0) { tstr += buling(m) + '分'; } if(day > 0 || h > 0 || m > 0 || s > 0) { tstr += buling(s) + '秒'; } document.getElementById('dtime').innerHTML=tstr; setTimeout('dshowtime()',1000); if(countDown<=0){ document.getElementById('dtime').innerHTML='请刷新此页面'; } }
2、在需要使用倒计时的页面引入该JS文件,并在需要使用倒计时的位置插入以下代码:
<script>window.onload=function(){Daojishi('XXXX/XX/XX XX:XX:XX');}</script><span id="dtime"></span>
欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截