Я хочу, чтобы мои часы обратного отсчета исчезли навсегда после того, как они достигли 0. Как мне это сделать?
Я пробовал обратные вызовы, но часы возвращаются после загрузки страницы, и мои операторы if и else не работают. Мне нужны умные люди, чтобы помочь мне, потому что я терплю неудачу.
Вот с чем я сейчас работаю:
<div class="captainmarvel2" style="width: 30%">
<img src="Pictures/captainlogo.png">
<h5>In Theaters 8 March 2019</h5>
<div id="clock3"></div>
<a href="https://www.marvel.com/movies/captain-marvel" target="_blank" id="myButton3Show">About Movie</a>
<a href="https://www.myvue.com/film/captain-marvel" target="_blank" id="myButton3Hide" style="display: none">Buy Ticket on Vue</a>
</div>
/*Countdown until Captain Marvel Release */
var next_show = new Date('2019-04-11T14:21:00');
var diff = next_show.getTime() - new Date().getTime();
var showtime = Math.floor(diff / 1000);
var clock = $('#clock3').FlipClock({
clockFace: 'DailyCounter',
countdown: true,
callbacks: {
stop: function () {
$("#clock3").fadeOut(1000);
$("#myButton3Show").fadeOut(1000);
$("#myButton3Hide").fadeIn(1000);
if (getTime == new Date) {
return; //stop the execution of function
}
}
}
});
clock.setTime(showtime);
clock.start();
Я хочу, чтобы часы исчезли навсегда после того, как они достигли 0, и кнопку, которую нужно изменить на Купить билеты на Vue из О фильме.