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


NAZO
286

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


ArbNet


<!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:


Sitealert

<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>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *