jquery实现倒计时代码分享
更新时间：2014年06月13日 11:06:12 投稿：hebedich
最近做的项目，需要倒计时，翻了翻资料，写了出来，分享给大家，欢迎拍砖，jquery库自己记得引用哈
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>
相关文章
本文给大家汇总介绍了一些jQuery操作复选框（checkbox）的方法和技巧，非常的简单实用，有需要的小伙伴可以参考下。2016-01-01
考虑将需要动态刷新的内容自动拼接到前一个下拉框之后等等，用JQuery实现比较容易，代码以省市联动效果为例实现2014-05-05
下面小编就为大家分享一篇浅谈ajax在jquery中的请求和servlet中的响应，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
由于需求需要用到一个滚动滚动条加载数据的下拉列表（假如数据1000条，下拉列表开始只显示100条，当用户下拉滚到条到最底下时，再加载下一个100条，如此循环）2010-06-06
基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）
之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。2011-09-09
这是一款使用jQuery和CSS3制作的效果非常炫酷的折叠卡片式下拉列表框特效，感兴趣的小伙伴们可以参考一下2015-11-11
前些阵子写了个插件目的就是能够像.net 的 Requst.QuerySting["param"]那样获取地址栏参数。现在拿出来和大家分享。感觉这个插件还是蛮有用的。2010-10-10
下面小编就为大家带来一篇可输入文字查找ajax下拉框控件 ComBox的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要为大家介绍了jquery validate表单验证的基本用法入门，jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要为大家详细介绍了jquery ztree实现模糊搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论