老张小站

  1. 欢迎光临

    感谢访问老张的博客!

  • 1
1,831

JavaScript指定日期倒计时,前面为0时不显示

分类 网站技术/村民张先生 发布于 2017-01-19 16:43
0

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>
欢迎转载分享,转载请注明 来源:大张小站 https://www.zhang.cq.cn/20171750.html
若您喜欢这篇文章,欢迎订阅老张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。


欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截