jquery时间计时器

//从之前的某个时间段到现在距离多少天多少时多少分多少秒
<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时间计时器相关推荐

JQuery页面计时器
页面倒计时 html: <div class="timer"> <strong id="minute">0分</strong> ...
推荐5款实用的jQuery时间轴插件
1.使用CSS3和jQuery制作的水平时间轴这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块.使用 ...
jQuery时间轴特效
一 timelinr 图图: 码码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content ...
JavaScript，css时间计时器
JavaScript,css时间计时器 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
js,jQuery时间与时间戳相互转换
js,jQuery时间与时间戳相互转换一.时间转时间戳 //获取当前时间 var myDate = new Date(); //获取当前时间(从1970.1.1开始的毫秒数,时间戳) myDate. ...
推荐几款jQuery时间轴插件Timeline
原文地址:http://blog.csdn.net/xiaokui_wingfly/article/details/51907045 查看原文查看在线演示Demo和更多原文内容教程: http:/ ...
【时间轴】推荐几款jQuery时间轴插件Timeline
查看原文查看在线演示Demo和更多原文内容教程: http://www.ibloger.net/article/1185.html 3D效果的响应式CSS3时间轴 CSS时间轴3D效果实例,一套基于 ...
发展简史jQuery时间轴特效
发展简史jQuery时间轴特效.这是一款鼠标滚动到一定的高度动画显示企业发展时间轴特效.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="w ...
时间计时android程序,Android 时间计时器控件 Chronometer
当你想要显示时间的推移而不是进程的增加的时候,可以使用Chronometer作为一个计时器.当需要记录用户进行某项操作所消耗的时间的时候,或者在游戏中需要限制时间时候,它将非常实用. 这里,Chron ...

jquery时间计时器

jquery时间计时器相关推荐

最新文章

热门文章