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之ajax技术的详细介绍
Jun 19 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 Javascript
jQuery之过滤元素操作小结
Nov 30 Javascript
动态添加option及createElement使用示例
Jan 26 Javascript
详细解密jsonp跨域请求
Apr 15 Javascript
完善的jquery处理机制
Feb 21 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
Node.js 多线程完全指南总结
Mar 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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
layui异步加载table表中某一列数据的例子
2019/09/16 Javascript
vue-cli3.X快速创建项目的方法步骤
2019/11/14 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
[01:00:12]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第一场
2018/04/09 DOTA
python的迭代器与生成器实例详解
2014/07/16 Python
详解在Python中处理异常的教程
2015/05/24 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python numpy数组中的复制知识解析
2020/02/03 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
英国巧克力贸易公司:Chocolate Trading Company
2017/03/21 全球购物
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
为什么group by 和order by会使查询变慢
2014/05/16 面试题
物业管理应届生求职信
2013/10/28 职场文书
实习评语
2013/12/16 职场文书
技校个人求职信范文
2014/01/25 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
小学生成绩单评语
2014/12/31 职场文书
数学教师求职信范文
2015/03/20 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
DE1103使用报告
2022/04/05 无线电