javascript倒计时功能

来源:互联网 发布:2016怎么找淘宝客推广 编辑:程序博客网 时间:2024/04/29 09:39
js部分: <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script language=JavaScript>    <!-- [Step1]: 这里可以设置倒计时的月日年 -->    var theDay = new Date("12/04/2015 21:30:00")        function DownCount(){        var today = new Date();         var seconds = Math.floor((theDay.getTime() - today.getTime())/1000);        var minutes = Math.floor(seconds/60);          var hours = Math.floor(minutes/60);          var days = Math.floor(hours/24);          CDay= fix(days,2);            CHour= fix(hours % 24,2);           CMinute= fix(minutes % 60,2) ;          CSecond= fix(seconds % 60,2);         $("#day").text(CDay);        $("#hour").text(CHour);        $("#minute").text(CMinute);        $("#seconds").text(CSecond);        var counter = setTimeout("DownCount()", 1000);    }    function fix(num, length) {      return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;    }</script>html部分:<body onLoad=DownCount()><ul>    <li id="day">01</li>    <li id="hour">02</li>    <li id="minute">03</li>    <li id="seconds">04</li>  </ul> </body> 
0 0
原创粉丝点击