2016-04-06 3 views
0

を残していない場合、私はファイナル・カウントダウンjQueryのスクリプトを使用しています。.. http://hilios.github.io/jQuery.countdown/jQueryのカウントダウンを隠す日/時間/分がどれも

私は左なし(すなわち、0に達する)がない場合の日、分などを非表示にします。

この時点で、それは何かのように表示されます。..

00日00時間13分58秒

私はそれが好きで表示したい。..

13分58秒

HTML

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

SCRIPT

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); 
        }); 
       }); 

感謝!!

答えて

0

これを達成するための条件をいくつか設定することができます。プラグインはこれを行うためのいくつかの作り付けの機能を提供する場合、私は知らない

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); 
    }); 
}); 

ので、私はこのアプローチを取りました。

+0

ありがとう、魅力的な作品です! :D – TiagoF

+0

私はそれが助けてうれしいです:) – Bhumika107

関連する問題