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进阶教程(第四课第一部分)
Apr 05 Javascript
用javascript父窗口控制只弹出一个子窗口
Apr 10 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
node.js从数据库获取数据
May 08 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
自制微信公众号一键排版工具
Sep 22 Javascript
常用原生js自定义函数总结
Nov 20 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
通过JavaScript下载文件到本地的方法(单文件)
Mar 17 Javascript
Centos7 安装Node.js10以上版本的方法步骤
Oct 15 Javascript
node.js Promise对象的使用方法实例分析
Dec 26 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中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP如何利用P3P实现跨域
2013/08/24 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
实例解析php的数据类型
2018/10/24 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
用函数式编程技术编写优美的 JavaScript_ibm
2008/05/16 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
javascript获取当前的时间戳的方法汇总
2015/07/26 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
基于input动态模糊查询的实现方法
2017/12/12 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
2019/09/06 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
vue中移动端调取本地的复制的文本方式
2020/07/18 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
2020/07/30 Javascript
[01:21:58]守擂赛DOTA2第一周决赛
2020/04/22 DOTA
Python类的专用方法实例分析
2015/01/09 Python
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
详解Django中间件执行顺序
2018/07/16 Python
Python生成器常见问题及解决方案
2020/03/21 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
大学自我评价
2014/02/12 职场文书
倡议书格式模板
2014/05/13 职场文书
高中生逃课检讨书
2014/10/10 职场文书
导游词之千岛湖
2019/09/23 职场文书
Golang生成Excel文档的方法步骤
2021/06/09 Golang