Как потушить div, используя таймер getTime, Date () через 24 часа? - PullRequest
Новая
       27

Как потушить div, используя таймер getTime, Date () через 24 часа?

0 голосов
/ 05 марта 2020 
<div class="ml-2">Time Remaining&emsp;<span id="remainingTime">24:00:00</span></div>

<div class="row" id="offer1" style="margin-top: -7%;">asdf</div>

<script>
setTimeout(function () {
  $('#offer1').fadeOut('fast');
  $('#remainingTime').fadeOut('fast');
}, 8640000);

function Timer(duration, display) {
  var timer = duration,
      hours, 
      minutes,
      seconds;

  setInterval(function () {
    hours = parseInt((timer / 3600) % 24, 10);
    minutes = parseInt((timer / 60) % 60, 10);
    seconds = parseInt(timer % 60, 10);;

    hours = hours < 10 ? "0" + hours : hours;
    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;

    display.text(hours + ":" + minutes + ":" + seconds);

    --timer;
  }, 1000);
}

jQuery(function ($) {
  var twentyFourHours = 24 * 60 * 60;
  var display = $('#remainingTime');
  Timer(twentyFourHours, display);
});
</script>

Как потушить элемент, используя Date (), GetTime ()? Например, я установил таймер на 24 часа. Даже если браузер обновляется или вкладка закрывается или устройство выключается, таймер должен работать. И точно после 24 часов, div должен исчезнуть, и вот jsfiddle https://jsfiddle.net/Manoj07/emq30y2o/5/

...