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>






 


 




 






            

            
posted @ 
2014-11-25 15:23 
ItcastZc 
阅读(188) 
评论(0) 
编辑 
收藏 
举报