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


Posted in Javascript onMay 07, 2014

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>
Javascript 相关文章推荐
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
javascript学习笔记(五)正则表达式
Apr 08 Javascript
express的中间件cookieParser详解
Dec 04 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
jQuery实现监控页面所有ajax请求的方法
Dec 10 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Angular如何引入第三方库的方法详解
Jul 13 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
解决jQuery动态获取手机屏幕高和宽的问题
May 07 #Javascript
addEventListener 的用法示例介绍
May 07 #Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 #Javascript
关闭时刷新父窗口两种方法
May 07 #Javascript
js获取下拉列表的值和元素个数示例
May 07 #Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 #Javascript
table行随鼠标移动变色示例
May 07 #Javascript
You might like
探讨php define()函数及defined()函数使用详解
2013/06/09 PHP
php5.3 注意事项说明
2013/07/01 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
php自定义错误处理用法实例
2015/03/20 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
thinkPHP框架对接支付宝即时到账接口回调操作示例
2016/11/14 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
JavaScript 常用函数库详解
2009/10/21 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
2016/12/14 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
JS实现li标签的删除
2019/04/12 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Python实现的一个简单LRU cache
2014/09/26 Python
Python中使用hashlib模块处理算法的教程
2015/04/28 Python
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
wxpython多线程防假死与线程间传递消息实例详解
2019/12/13 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
关于赌博的检讨书
2014/01/24 职场文书
公司捐书倡议书
2015/04/27 职场文书
硕士论文致谢范文
2015/05/14 职场文书
风之谷观后感
2015/06/11 职场文书
python 实现的截屏工具
2021/05/08 Python