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函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
js的回调函数详解
Jan 05 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
SpringMVC+bootstrap table实例详解
Jun 02 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
react PropTypes校验传递的值操作示例
Apr 28 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 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 文件上传功能实现代码
2009/06/24 PHP
php编程每天必学之验证码
2016/03/03 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
根据选择不同的下拉值出现相对应的文本输入框
2013/08/01 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
Python判断文本中消息重复次数的方法
2016/04/27 Python
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
分享vim python缩进等一些配置
2018/07/02 Python
python使用Turtle库绘制动态钟表
2018/11/19 Python
python调用staf自动化框架的方法
2018/12/26 Python
用python做游戏的细节详解
2019/06/25 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
Mysql数据库反向生成Django里面的models指令方式
2020/05/18 Python
Python 在函数上添加包装器
2020/07/28 Python
Python实现画图软件功能方法详解
2020/07/28 Python
容易被忽略的Python内置类型
2020/09/03 Python
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
结构和类有什么异同
2012/07/16 面试题
编辑找工作求职信范文
2013/12/16 职场文书
班级道德讲堂实施方案
2014/02/24 职场文书
购房委托书范本
2014/09/18 职场文书
天下第一关导游词
2015/02/06 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js