タイマーがゼロになったら、どの曜日の円を削除しますか？タイマーがゼロに達すると

Question

$(document).ready(function() { 
 
    $(".countdown").circularCountdown({ 
 
    startDate: "2015/03/01 12:30:00", 
 
    endDate: "2017/11/26 17:15:30", 
 
    timeZone: +1, 
 
    }); 
 
});

<section id="multicolor" class="dark-wrapper multicolor"> 
 
     <div class="wrapper"> 
 
     <div class="countdown multicolor"></div> 
 
     </div> 
 
    </section>

どのように私は数日の円を削除しますか？私は私のコメントで述べたよう

同じ引数が

$(document).ready(function() { 
    $(".countdown").circularCountdown({ 
    startDate: "2015/03/01 12:30:00", 
    endDate: "2017/11/26 17:15:30", 
    timeZone: +1, 
    }); 
}); 

Answer 1

時間と尾にも適用される、あなたはおそらく、あなたが使用しているAPIのためにRTFMしたいです。あなたがカウントダウンが完了したら何かをすることを可能にする、ある種の完了していないコールバックがあるはずです。私はよく書かれたAPIを使って、小規模のタイマーと同様のことをしました。 complete：コールバックはcountdown divを隠し、もう一方を表示しています。

少しの研究で、彼らはapiがあり、あなたがその製品を購入するときにそれを取得すると言います。運が良かった。言って、少し掘りをやっ

var countdown = $("#countdown").countdown360({ 
 
    radius: 60, 
 
    seconds: 10, 
 
    label: ['sec', 'secs'], 
 
    fontColor: '#FFFFFF', 
 
    autostart: false, 
 
    onComplete: function() { 
 
     console.log('done'); 
 
     $("#countdown").hide(); 
 
     $(".completed-countdown").show(); 
 
    } 
 
}); 
 

 
countdown.start(); 
 

 
$('#countdown').click(function() { 
 
    countdown.extendTimer(2); 
 
});

.completed-countdown { 
 
    display:none; 
 
} 
 
.completed-countdown img { 
 
    width: 200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgithub.com/johnschult/jquery.countdown360/master/dist/jquery.countdown360.min.js"></script> 
 
<div id="countdown"></div> 
 
<div class="completed-countdown"> 
 
<img src="https://media.giphy.com/media/l41m2ufxcKGSFGV8I/giphy.gif" /> 
 
</div>

は、それがonFinishと呼ばれるコールバックのように見えます。だからあなたは行くかもしれない：

$(document).ready(function() { 
    $(".countdown").circularCountdown({ 
     startDate: "2015/03/01 12:30:00", 
     endDate: "2017/11/26 17:15:30", 
     timeZone: +1, 
     onFinish: function(){ 
      $(".countdown").hide(); 
     } 
    }); 
});