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://"否则将被拦截