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 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
JQUERY dialog的用法详细解析
Dec 19 Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 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桌面中心(四) 数据显示
2007/03/11 PHP
PHP中Session和Cookie是如何操作的
2015/10/10 PHP
浅谈PHP中的数据传输CURL
2016/09/06 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
2012/01/16 Javascript
js 弹出新页面避免被浏览器、ad拦截的一种新方法
2014/04/30 Javascript
深入探讨javascript中的数据类型
2015/03/04 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)
2009/04/09 Python
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python版百度语音识别功能
2019/07/09 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
经济学人订阅:The Economist
2018/07/19 全球购物
台湾家适得:Homeget
2019/02/11 全球购物
保护黄河倡议书
2014/05/16 职场文书
医德医风演讲稿
2014/05/20 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
党员违纪检讨书怎么写
2014/11/01 职场文书
超市店长竞聘书
2015/09/15 职场文书
员工担保书范本
2015/09/22 职场文书