jquery 显示*天*时*分*秒实现时间计时器
1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒?
html代码:
html代码:
代码如下:
<div id="times_wrap" class="time_num"> 距离现在时间: <div class="time_w"> <span id="time_d" class="time"> </span >天 <span id="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/01 00:00:00").getTime();//设定开始时间 var time_end = new Date().getTime(); //设定结束时间(等于系统当前时间) //计算时间差 var time_distance = time_end - time_start; if(time_distance > 0){ // 天时分秒换算 var int_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>
相关推荐
CXsilent 2020-09-16
lanzhusiyu 2020-07-18
小科的奋斗 2020-06-14
qidiantianxia 2020-06-14
MichelinMessi 2020-06-13
sfkong 2020-06-11
happinessaflower 2020-06-06
kidneybeans 2011-03-15
jiangbo0 2019-09-08
lnny 2018-05-25
snowfoxmonitor 2015-03-12
zhouboxiao 2016-05-26
NONINETEEN 2016-06-14
健康学习 2014-02-24
富贵 2013-06-06
梦秋雨 2012-08-08
aaalk00 2012-06-26
zfjdoreen 2011-04-18
luoshen 2011-01-21