时分秒倒计时的js实现

原创 2016年06月01日 11:51:45

时分秒倒计时的js实现,如图:


闲话少说,直接上代码。

html代码:

<div id="timer" data-timer="20160628140203" style="font-size:20px">
	剩余天数:
	<span id="timer_d">0</span>天
	<span id="timer_h">0</span>时
	<span id="timer_m">0</span>分
	<span id="timer_s">0</span>秒
</div>

js代码:

timer('timer');//调用方法
		
		//时分秒倒计时方法
		function timer(eleId){
			var element=document.getElementById(eleId);
			if(element){
				endTimer=element.getAttribute('data-timer');
				var endTime=new Date(parseInt(endTimer.substr(0,4), 10),parseInt(endTimer.substr(4,2), 10),parseInt(endTimer.substr(6,2), 10),parseInt(endTimer.substr(8,2), 10),parseInt(endTimer.substr(10,2), 10),parseInt(endTimer.substr(12,2), 10));
				var endTimeMonth=endTime.getMonth()-1;
				endTime.setMonth(endTimeMonth);
				var ts = endTime - new Date();
				if(ts>0){
					var dd = parseInt(ts / 1000 / 60 / 60 / 24, 10);
					var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);
					var mm = parseInt(ts / 1000 / 60 % 60, 10);
					var ss = parseInt(ts / 1000 % 60, 10);
					dd = dd<10?("0" + dd):dd;   //天
					hh = hh<10?("0" + hh):hh;   //时
					mm = mm<10?("0" + mm):mm;   //分
					ss = ss<10?("0" + ss):ss;   //秒
					document.getElementById("timer_d").innerHTML=dd;
					document.getElementById("timer_h").innerHTML=hh;
					document.getElementById("timer_m").innerHTML=mm;
					document.getElementById("timer_s").innerHTML=ss;
					setTimeout(function(){timer(eleId);},1000);
				}else{
					document.getElementById("timer_d").innerHTML=0;
					document.getElementById("timer_h").innerHTML=0;
					document.getElementById("timer_m").innerHTML=0;
					document.getElementById("timer_s").innerHTML=0;
				}
			}
		}

建议:点点滴滴,积少成多!


版权声明: 举报

相关文章推荐

JS 实现时间倒计时

var maxtime = 1350057600 //截止到的日期 var now=parseInt((new Date().getTime())/1000);//获取当前的日期 var cha_...

JS实现简单的时分秒倒计时代码

js简单时分秒倒计时 function countTime() { //获取当前时间 var

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

js做倒计时的时分秒计算方法

var seconds = endTime.getTime() - nowDateTime.getTime();     var hour = Math.floor(seconds / 1000 /...

基于jQuery倒计时插件实现团购秒杀效果

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的...

JS实现简单的时分秒倒计时代码

js简单时分秒倒计时 function countTime() { //获取当前时间 var date = new Date(...

时分秒倒计时的js实现

时分秒倒计时的js实现,如图: 闲话少说,直接上代码。 html代码: 剩余天数: 0天 0时 0分 0秒 js代码: timer('timer');//调用方法 //时分...

倒计时(天,时,分,秒)

废话少说,贴代码 jQuery.fn.Countdown=function(options){ var defaults = { endTime: '3/12/23/3'...

JS实现倒计时(天数,时,分,秒)

JS实现倒计时(天数,时,分,秒) function leftTimer(year,month,day,hour,minute,second){ var leftTime = (new ...

纯js实现倒计时

通过js实现页面的倒计时功能。 思路: 传入一个秒数c,c/60可以得到分钟m, c%60可以得到显示的秒数s,同理,再将m/60可是得到小时数, m/%可以得到分钟数。通过setInterval每次...

iOS毫秒倒计时的实现

app开发中,当展示限时优惠的某些商品时,往往会加一个倒计时,提示用户该商品限时优惠所剩的时间,。那对于开发者来说,这就需要我们去实现的是一个倒计时的功能,这个倒计时根据具体需求,可以以天、小时、分、...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)