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

NAZO
На сайте с 03.03.2016
Offline
46
277

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

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

Блажен, кто не стремится сделать лучше: он не рискует быть не понятым.
S
На сайте с 30.09.2016
Offline
469
#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>
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий