Как уничтожить флипчлок, чтобы он никогда не перезапускался после того, как обратный отсчет достигнет 0? - PullRequest
0 голосов
/ 11 апреля 2019

Мой обратный отсчет обратного отсчета показывает, сколько времени осталось до выхода следующих фильмов Marvel.Тем не менее, я не могу уничтожить часы после 0, и вместо этого они показывают отрицательное число.

Я пытался использовать onDestroy, но он уничтожил все мои часы обратного отсчета.Я пытался использовать возврат, хотя он тоже не работает.

/*Countdown until Captain Marvel Release */
var next_show = new Date('2019-04-11T10:48: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(diff==0) { 
          return; //stop the execution of function
      }
      }
    }
});
                        <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>

What I want is that when the countdown reaches 0, another button is shown, and the countdown and old button is hidden - forever. I have used jquery fade in and fade out for that. However, updating the website window brings the clock back on negative values.

The website is student.city.ac.uk/~aczc972
...