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

[复制链接]
haoyangtian实名认证 手机认证 视频认证 发表于 2017-9-12 10:57:07 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
1.多个倒计时批量倒计时
  1. //循环需要倒计的列
  2. $(document).ready(function()
  3. {
  4.     $(".flashtime").each(function ()
  5.     {
  6.         var time = parseInt( $(this).find('input').val() );
  7.         countDown( time, $(this) );
  8.     });
  9. });

  10. //maxtime为倒计时的时间 已秒为单位
  11. function countDown( maxtime,index )
  12. {
  13.     var timer = setInterval(function()
  14.     {
  15.         if( maxtime >=0 )
  16.         {
  17.             second = Math.floor( maxtime % 60);       //计算秒
  18.             minite = Math.floor((maxtime / 60) % 60); //计算分
  19.             hour = Math.floor((maxtime / 3600) % 24 ); //计算小时
  20.             day = Math.floor((maxtime / 3600) / 24);
  21.             msg = hour+' : '+minite+' : '+second;
  22.             $(index).find('font').html( msg );
  23.             --maxtime;
  24.         }
  25.         else
  26.         {
  27.             clearInterval( timer );
  28.             $(index).find('font').html( '活动结束' );
  29.         }
  30.     }, 1000);
  31. }
复制代码
2.单个倒计时
  1. var t =1136000000;//秒数
  2. function showtime(){

  3.     var d = parseInt(t/3600/24);
  4.     if(d<10){
  5.         d="0"+d;
  6.     }
  7.     var h = parseInt((t%(3600*24))/3600);
  8.     if(h<10){
  9.         h="0"+h;
  10.     }
  11.     var m = parseInt((t%(3600*24))%3600/60);
  12.     if(m<10){
  13.         m="0"+m;
  14.     }
  15.     var s = parseInt((t%(3600*24))%60);
  16.     if(s<10){
  17.         s="0"+s;
  18.     }
  19.     var a=(d=="00")?"":'<span>'+d+' </span>天 ';
  20.     var b=(h=="00")?"":'<span>'+ h+' </span> 时 ';
  21.     var c=(m=="00")?"":'<span>'+m+' </span> 分 ';
  22.     var d=(s=="00")?"":'<span>'+s+' </span> 秒';
  23.     $('.countdown').html(a+b+c+d);
  24.     t = t -1;
  25. }
  26. showtime();
  27. setInterval("showtime()",1000);
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码分享,教程分享
全国服务电话

187-8198-7163

周一至周8:00-22:00

反馈建议

cdhaoyt@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.( 蜀ICP备16032957号-1