批量倒计时html,js批量倒计时(多个倒计时)

js批量倒计时(多个倒计时)

1.多个倒计时批量倒计时

//循环需要倒计的列

$(document).ready(function()

{

$(".flashtime").each(function ()

{

var time = parseInt( $(this).find('input').val() );

countDown( time, $(this) );

});

});

//maxtime为倒计时的时间 已秒为单位

function countDown( maxtime,index )

{

var timer = setInterval(function()

{

if( maxtime >=0 )

{

second = Math.floor( maxtime % 60);       //计算秒

minite = Math.floor((maxtime / 60) % 60); //计算分

hour = Math.floor((maxtime / 3600) % 24 ); //计算小时

day = Math.floor((maxtime / 3600) / 24);

msg = hour+' : '+minite+' : '+second;

$(index).find('font').html( msg );

--maxtime;

}

else

{

clearInterval( timer );

$(index).find('font').html( '活动结束' );

}

}, 1000);

}

2.单个倒计时

var t =1136000000;//秒数

function showtime(){

var d = parseInt(t/3600/24);

if(d<10){

d="0"+d;

}

var h = parseInt((t%(360024))/3600);

if(h<10){

h="0"+h;

}

var m = parseInt((t%(360024))%3600/60);

if(m<10){

m="0"+m;

}

var s = parseInt((t%(3600*24))%60);

if(s<10){

s="0"+s;

}

var a=(d=="00")?"":''+d+' 天 ';

var b=(h=="00")?"":''+ h+'  时 ';

var c=(m=="00")?"":''+m+'  分 ';

var d=(s=="00")?"":''+s+'  秒';

$('.countdown').html(a+b+c+d);

t = t -1;

}

showtime();

setInterval("showtime()",1000);

总结

以上是编程之家为你收集整理的js批量倒计时(多个倒计时)全部内容,希望文章能够帮你解决js批量倒计时(多个倒计时)所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值