Всем привет. Есть у кого скрипт открытие контента по таймеру. Суть такая нужен таймер отсчета времени или загрузки в процентах (быстрый) после которого появлялось бы окно куда можно вставить скрипт кнопки. Как реализовать такое?
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>
NAZO
Всем привет. Есть у кого скрипт открытие контента по таймеру. Суть такая нужен таймер отсчета времени или загрузки в процентах (быстрый) после которого появлялось бы окно куда можно вставить скрипт кнопки. Как реализовать такое?
ArbNet
:kozak:
Sitealert