jQuery 倒计时隐藏 days/hours/minutes 如果 none 还剩

Question

我正在使用最终倒计时 jQuery 脚本.. http://hilios.github.io/jQuery.countdown/

如果还剩 none（即达到 0），我想隐藏天数、分钟数等。

此时会显示类似..

00 天 00 小时 13 分 58 秒

我想把它显示成..

13 分 58 秒

HTML

<span id="clock-{{ $game->id }}"></span>

脚本

var endGame = moment.tz("{{ $game->updated_at->addDays(3) }}", "Europe/Volgograd");

                $('#clock-{{ $game->id }}').countdown(endGame.toDate(), function(event) {
                    $(this).html(event.strftime('%-D days %-H hours %-M min %-S sec')).on('finish.countdown', function(event){
                        $(this).html(event.strftime('This Game has Ended.'));
                        $('.clock-{{ $game->id }}').fadeOut(2000);
                    });
                });

谢谢！！

Answer 1

我想你可以提出一些实现这一目标的条件。

var endGame = moment.tz("{{ $game->updated_at->addDays(3) }}", "Europe/Volgograd");

$('#clock-{{ $game->id }}').countdown(endGame.toDate(), function(event) {
   var str = "";
   // if 0 number of days, show H:M:S
   if(parseInt(event.strftime('%D')) == 0) {
       str = event.strftime('%-H hours %-M min %-S sec');
       // if 0 days 0 hours, show M:S
       if(parseInt(event.strftime('%H')) == 0) {
          str = event.strftime('%-M min %-S sec');
          // if 0 days 0 hours 0 minutes, show only Seconds
          if(parseInt(event.strftime('%M')) == 0) {
             str = event.strftime('%-S sec');
          }
       }
   } else {
       str = event.strftime('%-D days %-H hours %-M min %-S sec');
   }
   $(this).html(str).on('finish.countdown', function(event){
      $(this).html(event.strftime('This Game has Ended.'));
      $('.clock-{{ $game->id }}').fadeOut(2000);
   });
});

我不知道插件是否提供了一些内置功能来执行此操作，所以我采用了这种方法。

jQuery 倒计时隐藏 days/hours/minutes 如果 none 还剩

jQuery countdown hide days/hours/minutes if none left

javascript

jquery

countdown