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 相关文章推荐
JQuery live函数
Dec 24 Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
Nov 17 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
全系IE支持Bootstrap的解决方法
Oct 19 Javascript
js中apply与call简单用法详解
Nov 06 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
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与javascript的两种交互方式
2006/10/09 PHP
《PHP边学边教》(04.编写简易的通讯录――视频教程1)
2006/12/13 PHP
php $_ENV为空的原因分析
2009/06/01 PHP
php计算十二星座的函数代码
2012/08/21 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
2014/06/26 PHP
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
ThinkPHP5.1框架页面跳转及修改跳转页面模版示例
2019/05/06 PHP
JQuery事件e参数的方法preventDefault()取消默认行为
2013/09/26 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
node.js require() 源码解读
2015/12/13 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
浅析$(function) ready和onload 的区别
2016/09/03 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
微信小程序视图容器(swiper)组件创建轮播图
2020/06/19 Javascript
vue项目引入字体.ttf的方法
2018/09/28 Javascript
JavaScript中引用vs复制示例详析
2018/12/06 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
python基础之入门必看操作
2017/07/26 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
python实现文本界面网络聊天室
2018/12/12 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
消防安全责任书
2014/04/14 职场文书
审计专业自荐信范文
2014/04/21 职场文书
员工趣味活动方案
2014/08/27 职场文书
工作作风建设心得体会
2014/10/22 职场文书
关于颐和园的导游词
2015/01/30 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
通知的写法
2015/04/23 职场文书
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android