首页 > 代码库 > js倒计时功能
js倒计时功能
1.距离倒计时;
2.跳转倒计时;
demo:
<html><head><meta charset="utf-8"/><script src="jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ setInterval(function(){ $(".app_lj1").each(function(){ var Obj = this; var EndTime = new Date(parseInt($(Obj).attr(‘value‘)) * 1000); var NowTime = new Date(); var nMS=EndTime.getTime() - NowTime.getTime(); var nD=Math.floor(nMS/(1000 * 60 * 60 * 24)); var nH=Math.floor(nMS/(1000*60*60)) % 24; var nM=Math.floor(nMS/(1000*60)) % 60; var nS=Math.floor(nMS/1000) % 60; if(nS<10){ var nS=‘0‘+nS; } if(nM<10){ var nM=‘0‘+nM; } if(nD>= 0){ var str =(nH+nD*24)+‘:‘+nM+‘:‘+nS; $(Obj).html(str); $(Obj).css(‘color‘,‘red‘); } }); }, 100); });</script><script type="text/javascript"> var t = 300; function countDown(){ var time = document.getElementById("time"); t--; time.value=t; if (t<=0) { location.href="http://baidu.com"; clearInterval(inter); }; }var inter = setInterval("countDown()",1000); </script> </head> <body>距离xx倒计时:<a class="ljlh1 app_lj1" value="1451491200"></a><br /><input type="text" readonly="true" value="300" id="time" size="2px" style="font-size:16px"/></b>秒后自动跳至...</body></html>
js倒计时功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。