js倒計時功能

來源:互聯網
上載者:User

標籤:style   blog   http   io   ar   color   sp   java   on   

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個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.