Нужен скрипт открытие кнопки по таймеру

46

NAZO

9 февраля 2020, 05:33

289

Всем привет. Есть у кого скрипт открытие контента по таймеру. Суть такая нужен таймер отсчета времени или загрузки в процентах (быстрый) после которого появлялось бы окно куда можно вставить скрипт кнопки. Как реализовать такое?

Лучший хостинг для сайта! От 10р в месяЦ (https://bill.cishost.ru/mancgi/partnerprogram?partner=8738&project=1") >>>ЭТО Лучшая партнерка ДЛЯ КиНоСаЙтОв!<<< (http://dreamcash.tl/?p=15075)

132

ArbNet

9 февраля 2020, 07:09

#1


<!DOCTYPE html>

<html>

<head>

  <title>Title</title>

</head>

<style>

.knopka {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  width: 300px;

  height: 100px;

  text-align: center;

  position: absolute;

  background: #98b99852;

  vertical-align: middle;

}

.knopka > div {

  margin: 20px auto;

  display: inline-block;

}

</style>

<body>

<div class="knopka" hidden>

  <div>

    Какой-то текст, если нужен<br><br>

    <!-- Кнопку 'Закрыть' можно удалить -->

    <button onclick="ShowKnopka()">Закрыть</button>

    <button onclick="ClickKnopka()">Кнопка</button>

  </div>

</div>

<script>

  function ShowKnopka(){

    let el=document.querySelector('.knopka');

    el.hidden=el.hidden?false:true;

    // Если надо чтобы через какое-то время снова появилась

    //setTimeout(ShowKnopka,5000);

  }

  function ClickKnopka(){

    alert('Ваш обработчик клика кнопки');

  }

  // Кнопка появится через 5 секунд

  setTimeout(ShowKnopka,5000);

</script>

</body>

</html>

:kozak:

1

S

469

Sitealert

9 февраля 2020, 16:35

#2

<html>
<body>
<style>
  #message, #btn {display: none;}
</style>
<p id="message">До начала загрузки осталось <span id="time">10</span> секунд</p>
<button id="btn" onclick="alert('Процесс пошёл!')">Загрузить</button>

<script>
  var i=10,message=document.getElementById('message'),time=document.getElementById('time'),btn=document.getElementById('btn');
  message.style.display='block';
  var timer=setInterval(function(){
      time.innerHTML=--i;
      if(i==0){
        clearTimeout(timer);
        btn.style.display='block';
        message.style.display='none';
      }
    },1000);
</script>
</body>
</html>

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

Что такое Power BI и зачем это нужно бизнесу

VK приобрела 70% в структуре компании-разработчика red_mad_robot