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

正如我在评论中所说，您可能想要使用RTFM来处理您正在使用的API。应该有一些不完整的回调，这将允许你在倒计时完成后做一些事情。我已经做了类似的小规模计时器，有一个编写良好的API。注意完整：回调是隐藏倒计时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();
       }
   });
});

一旦计时器达到零，我该如何删除天数圈？

1 个答案: