jquery实现倒计时代码分享


Posted in Javascript onJune 13, 2014

html部分

<span class="time_wrap" value="1397145180" style="line-height:200%;"></span>

js部分

<script type="text/javascript">    
    $(document).ready(function(){    
        setInterval(function(){         
        $(".time_wrap").each(function(){    
            var Obj = this;        
            var EndTime = new Date(parseInt($(Obj).attr('value')) * 1000);    
            var NowTime = new Date();    
            var nMS=EndTime.getTime() - NowTime.getTime();    
            var nD=Math.floor(nMS/(1000 * 60 * 60 * 24));    
            var nH=Math.floor(nMS/(1000*60*60)) % 24;    
            var nM=Math.floor(nMS/(1000*60)) % 60;    
            var nS=Math.floor(nMS/1000) % 60;    
            var nMS=Math.floor(nMS/100) % 10;    
            if(nD>= 0){         
                var str = '<span class="timer" ><em>'+nD+'</em>天<em>'+nH+'</em>小时<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';    
                $(Obj).html(str);    
            }         
            });    
        }, 100);
    }); 
</script>
Javascript 相关文章推荐
阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
以JSON形式将JS中Array对象数组传至后台的方法
Jan 06 Javascript
浅谈js中变量初始化
Feb 03 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 #Javascript
改变状态栏文字的js代码
Jun 13 #Javascript
js数组中如何随机取出一个值
Jun 13 #Javascript
可编辑下拉框的2种实现方式
Jun 13 #Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 #Javascript
jquery 新建的元素事件绑定问题解决方案
Jun 12 #Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 #Javascript
You might like
提高PHP编程效率的53个要点(经验小结)
2010/09/04 PHP
PHP采用get获取url汉字出现乱码的解决方法
2014/11/13 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
php获取系统变量方法小结
2015/05/29 PHP
PHP开发APP端微信支付功能
2017/02/17 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
jQuery html()等方法介绍
2009/11/18 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
2011/02/23 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
Angular的自定义指令以及实例
2016/12/26 Javascript
JavaScript实现星级评分
2017/01/12 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
vue实现百度语音合成的实例讲解
2019/10/14 Javascript
Windows上node.js的多版本管理工具用法实例分析
2019/11/06 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python批量替换页眉页脚实例代码
2018/01/22 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
什么是数据抽象
2016/11/26 面试题
Oracle快照(snapshot)
2015/03/13 面试题
销售辞职报告范文
2014/01/12 职场文书
30年同学聚会感言
2014/01/30 职场文书
农村产权制度改革实施方案
2014/03/21 职场文书
知识竞赛主持词
2014/03/26 职场文书
工程项目经理任命书
2014/06/05 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
工作证明格式范文
2015/06/15 职场文书