手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现倒计时代码分享
jquery实现倒计时代码分享
摘要:html部分复制代码代码如下:js部分复制代码代码如下:$(document).ready(function(){setInterval(f...

html部分

复制代码 代码如下:

<span value="1397145180"></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 ><em>'+nD+'</em>天<em>'+nH+'</em>小时<em>'+nM+'</em>分<em>'+nS+'.'+nMS+'</em>秒</span>';

$(Obj).html(str);

}

});

}, 100);

});

</script>

【jquery实现倒计时代码分享】相关文章:

jQuery实现倒计时按钮功能代码分享

jquery实现用户打分评分特效

jQuery+ajax实现无刷新级联菜单示例

基于jquery实现下拉框美化特效

jQuery实现返回顶部效果的方法

Jquery实现动态切换图片的方法

实现DIV圆角的JavaScript代码

JavaScript实现简单的数字倒计时

JavaScript实现身份证验证代码

js实现发送验证码后的倒计时功能

精品推荐
分类导航