jquery 显示*天*时*分*秒实现时间计时器_jquery



摘要：

                本文讲的是jquery 显示*天*时*分*秒实现时间计时器_jquery，

1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒? html代码:

复制代码 代码如下:

 <divid="times_wrap" class="time_num"> 距离现在时间：

                                    云计算

                                    云服务器ECS

                                    大数据

                                    建站

                                    备案

                                    技术文档

1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒? html代码:

复制代码 代码如下:

 <divid="times_wrap" class="time_num"> 距离现在时间： <divclass="time_w"> <span id="time_d"class="time"> </span >天 <spanid="time_h" class="time"> </span >时 <span id="time_m" class="time"> </span>分 <span id="time_s"class="time"> </span >秒 </div></div> <script type="text/javascript"> $(function(){show_time(); }); function show_time(){ var time_start = new Date("2013/10/0100:00:00").getTime();//设定开始时间 var time_end = newDate().getTime(); //设定结束时间(等于系统当前时间) //计算时间差 var time_distance = time_end -time_start; if(time_distance > 0){ // 天时分秒换算 varint_day = Math.floor(time_distance/86400000) time_distance -= int_day *86400000; var int_hour = Math.floor(time_distance/3600000) time_distance -=int_hour * 3600000; var int_minute = Math.floor(time_distance/60000)time_distance -= int_minute * 60000; var int_second =Math.floor(time_distance/1000) // 时分秒为单数时、前面加零 if(int_day< 10){ int_day = "0" + int_day; } if(int_hour < 10){ int_hour ="0" + int_hour; } if(int_minute < 10){ int_minute = "0"+ int_minute; } if(int_second < 10){ int_second = "0" +int_second; } // 显示时间$("#time_d").html(int_day); $("#time_h").html(int_hour);$("#time_m").html(int_minute);$("#time_s").html(int_second);setTimeout("show_time()",1000); }else{$("#time_d").html('00'); $("#time_h").html('00');$("#time_m").html('00'); $("#time_s").html('00'); } } </script>

                以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索计时器

                                    时间

                                    jquery实现计时器、jquery时间毫秒计时器、jquery时间计时器、jquery实现时间轴、jquery实现时间轴demo，以便于您获取更多的相关知识。