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 四则运算精度修正函数代码
May 31 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
JavaScript 原型继承
Dec 26 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
简单实现js放大镜效果
Jul 24 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
vue权限问题的完美解决方案
May 08 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 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的FTP学习(二)
2006/10/09 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
PHP加密解密函数详解
2015/10/28 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
javascript学习笔记(八)正则表达式
2014/10/08 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
Javascript中arguments用法实例分析
2015/06/13 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
2020/12/03 Vue.js
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
Python多线程扫描端口代码示例
2018/02/09 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
python GUI库图形界面开发之PyQt5 MDI(多文档窗口)QMidArea详细使用方法与实例
2020/03/05 Python
Python sorted排序方法如何实现
2020/03/31 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
经济国贸专业求职信
2014/06/18 职场文书
生死抉择观后感
2015/06/09 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书
导游词之唐山景点
2019/12/18 职场文书
Nginx配置使用详解
2022/07/07 Servers