Простенький скрипт з setInterval сховає або відкриє блок, кнопку, будь-який елемент на заданий проміжок часу.
Для зміни проміжку часу - задайте потрібний інтервал в секундах у data-time.

Демо


Повторно можна приховати або показати через 60 сек.
Логотип відкрито на 60сек.
$SITE_NAME$

Html


Код

<button class="send">Приховати на 60сек.</button>
<p style="display: none">Повторно можна приховати через <span data-time="60">60</span> сек.</p>

Js


Код

<script>
$(document).on('click', '.send', function(e){
  $(e.target).hide(0);
  $('p').show(0);
   
   
  let spanTime = $('span[data-time]');
  let time = Number(spanTime.data('time'));
   
  let intrvl = setInterval(function() {
  if (time == 0) {
  clearInterval(intrvl);
  $('p').hide();
  $('.send').show();
   
  spanTime.text(time);
  time = Number(spanTime.data('time'));
  }
   
  spanTime.text(time--)
  }, 1000)
})
</script>



Переглядів: 0 Коментарів: 0 Добавлено в JavaScript 18:19, 30.09.2022
Ви можете замовити у нас персоналізацію, зміну та допомогу у встановленні даного матеріалу
Замовити

Схожі матеріали:

    Немає коментарів!

    Залишіть першим коментар до даного матеріалу.

    avatar