menu
Uveb

00:22
Сховати, показати кнопку або блок на 60 секунд після кліку по кнопці
Простенький скрипт з 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>
Категорія: JavaScript | Переглядів: 227 | Додав: Uveb | Теги: div, JavaScript, таймер, час, Кнопка | Рейтинг: 3.0/2