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中关于indexOf的使用方法与问题小结
Aug 05 Javascript
js bind 函数 使用闭包保存执行上下文
Dec 26 Javascript
JavaScript实现向右伸出的多级网页菜单效果
Aug 25 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
js生成随机数的过程解析
Nov 24 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
js实现时分秒倒计时
Dec 03 Javascript
JavaScript实现联动菜单特效
Jan 07 Javascript
Node.js API详解之 readline模块用法详解
May 22 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 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
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
解析PHP中的正则表达式以及模式匹配
2013/06/19 PHP
php修改数组键名的方法示例
2017/04/15 PHP
PHP中16个高危函数整理
2019/09/19 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
跟老齐学Python之??碌某?? target=
2014/09/12 Python
一篇文章快速了解Python的GIL
2018/01/12 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
在python 中实现运行多条shell命令
2019/01/07 Python
OpenCV 边缘检测
2019/07/10 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
酒店总经理欢迎词
2014/01/15 职场文书
采购经理岗位职责
2014/02/16 职场文书
活动总结报告怎么写
2014/07/03 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
民主生活会汇报材料
2014/12/15 职场文书
第一军规观后感
2015/06/12 职场文书
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript