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 相关文章推荐
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
杨氏矩阵查找的JS代码
Mar 21 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
自己动手手写jQuery插件总结
Jan 20 Javascript
javascript中checkbox使用方法简单实例演示
Nov 17 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 Javascript
Angular进行简单单元测试的实现方法实例
Aug 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对字符串的递增运算分析
2010/08/08 PHP
PHP中array_slice函数用法实例详解
2014/11/25 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
PHP中mysqli_affected_rows作用行数返回值分析
2014/12/26 PHP
javascript dom 操作详解 js加强
2009/07/13 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
jQuery调用WebService的实现代码
2011/06/19 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
javascript中活灵活现的Array对象详解
2016/11/30 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
微信小程序 动画的简单实例
2017/10/12 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
JS计算两个时间相差分钟数的方法示例
2018/01/10 Javascript
js实现数字滚动特效
2019/12/16 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
python保存网页图片到本地的方法
2018/07/24 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
财务主管的岗位职责
2013/12/30 职场文书
大学毕业感言一句话
2014/02/06 职场文书
家长寄语大全
2014/04/02 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python