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非法字符过滤代码(骂人的话等等)
May 26 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
JS实现简单的二维矩阵乘积运算
Jan 26 Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
vee-validate vue 2.0自定义表单验证的实例
Aug 28 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
HTML+JavaScript实现扫雷小游戏
Sep 30 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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
re0第二季蕾姆被制作组打入冷宫!艾米莉亚女主扶正,原因唏嘘
2020/04/02 日漫
php无限遍历目录示例
2014/02/21 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
Node.js和PHP根据ip获取地理位置的方法
2014/03/14 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
python清除字符串里非字母字符的方法
2015/07/02 Python
python安装教程 Pycharm安装详细教程
2017/05/02 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Python无头爬虫下载文件的实现
2020/04/02 Python
python怎么判断模块安装完成
2020/06/19 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
会计专业个人求职信范文
2014/01/08 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
小学德育工作经验交流材料
2014/05/22 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技