jquery实现倒计时代码分享_Javascript教程-查字典教程网
jquery实现倒计时代码分享
jquery实现倒计时代码分享
发布时间:2016-12-30 来源:查字典编辑
摘要: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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类