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实现网页版Pongo设计思路及源代码分享
Jun 16 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
AngularJS ng-blur 指令详解及简单实例
Jul 30 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
JavaScript 继承详解(六)
Oct 11 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 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+DBM的同学录程序(2)
2006/10/09 PHP
简单的php文件上传(实例)
2013/10/27 PHP
通过dbi使用perl连接mysql数据库的方法
2014/04/16 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
Jquery ui css framework
2010/06/28 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
AngularJS表单和输入验证实例
2016/11/02 Javascript
ES6中Symbol类型用法实例详解
2017/04/06 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
nodejs分离html文件里面的js和css的方法
2019/04/09 NodeJs
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
浅谈python中requests模块导入的问题
2018/05/18 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
python爬虫简单的添加代理进行访问的实现代码
2019/04/04 Python
Python 点击指定位置验证码破解的实现代码
2019/09/11 Python
Python字节单位转换实例
2019/12/05 Python
Python类中self参数用法详解
2020/02/13 Python
详解Python 循环嵌套
2020/07/09 Python
html5配合css3实现带提示文字的输入框(摆脱js)
2013/03/08 HTML / CSS
2014年教师业务学习材料
2014/05/12 职场文书
个人委托函范文
2015/01/29 职场文书
如何用python插入独创性声明
2021/03/31 Python
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python