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 相关文章推荐
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
js密码强度校验
Nov 10 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
js实现日历的简单算法
Jan 24 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
微信小程序购物车、父子组件传值及calc的注意事项总结
Nov 14 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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
MVC模式的PHP实现
2006/10/09 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
PHP计算加权平均数的方法
2015/07/16 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
Javascript 面向对象 重载
2010/05/13 Javascript
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
JavaScript数组常用方法
2015/03/02 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
面包屑导航详解
2017/12/07 Javascript
JS实现的缓冲运动效果示例
2018/04/30 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python读取环境变量的方法和自定义类分享
2014/11/22 Python
python去除字符串中的换行符
2017/10/11 Python
python ansible服务及剧本编写
2017/12/29 Python
Python多层装饰器用法实例分析
2018/02/09 Python
python制作填词游戏步骤详解
2019/05/05 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
Sixt美国租车:高端豪华车型自驾体验
2017/09/02 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
大学生思想汇报范文
2013/12/31 职场文书
1000字打架检讨书
2014/11/03 职场文书
学校少先队工作总结
2015/08/12 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
详解JS ES6编码规范
2021/05/07 Javascript