欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-04-11 08:58:32|栏目:jquery|点击:
1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒?

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>

上一篇:jQuery删除节点的三个方法即remove()detach()和empty()

栏    目:jquery

下一篇:一些有用的JavaScript和jQuery的片段分享

本文标题:jquery 显示*天*时*分*秒实现时间计时器

本文地址:http://www.codeinn.net/misctech/99286.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有