Блокировка экрана сайта через определённое время
Необходимо сделать скрипт, который срабатывает через n-ое количество времени, выводя на весь экран баннер с надписью "прикоснитесь для начала работы". Так как в JS я полный ноль, пришлось делать (на мой взгляд) отвратительный костыль. Код приведён ниже:
var c = 0;
setInterval(function() {
c = c+1;
if (c==3) {
$('.pribivka').show()
}
};
$('.pribivka').click(function() {
c=0;
});
})
<style>.pribivka {
width:1080px;
height:1920px;
position:absolute;
z-index:100000;
left:0;
top:0;
background:url(/url);
display:none;
}
.pribivka .prokosnites {
position:absolute;
width:1080px;
top:1350px;
left:0;
background:url(/url);
height:134px;
color:#d8d9d9;
font-size:45px;
line-height:134px;
text-align:center;
}</style>
<div class="pribivka"><div class="prokosnites">ПРИКОСНИТЕСЬ ДЛЯ НАЧАЛА РАБОТЫ</div></div> И как можно догадаться - эта чертовщина не заводится. Работа на CMS Wordpress. HTML и JS скрипт прописаны в header.php. А вообще задача такая: при неиспользовании сайта, выводить блокирующий баннер, который при клике на него, "выбрасывает" пользователя на главную страницу. P.S. Мне кому душу продать, чтобы это заработало? |
<html>
<head>
<style type="text/css">
body {
min-height:600px;
}
body * {
margin:0;
padding:0;
}
#wrp-p {display:none;position:fixed;z-index:3000;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.87);}
#wrp-p .cnt{
position:absolute;
margin:auto;
border-radius:12px;
padding:23px;
top:0;bottom:0;left:0;right:0;
width:320px;
height:170px;
color:#fff;
background-color:rgba(0,0,0,.7);
border:double 5px rgba(0,0,0,.7);
box-shadow: 0 0 22px rgba(255,255,255,.2);
font: normal normal 400 16px/normal "Times New Roman";
}
#wrp-p .cnt pre{margin-top:14px;}
</style>
<script type="text/javascript">
window.onload = function() {
var deltaNotWork = 2000; //Cейчас две секунды, типично выбирают Время неподвижности курсора: (17 минут = 17*60*60*1000)
var TimId;
function aFunk(){
clearTimeout(TimId);
TimId = setTimeout(function() {document.getElementById('wrp-p').style.display="block";},deltaNotWork);
}
var body = document.body;
aFunk(); body.onkeyup = aFunk; body.onmousemove = aFunk; window.onscroll = aFunk;
};
</script>
</head>
<body>
<!-- Всплывалка при отсутствии реакции пользователя -->
<div id="wrp-p">
<div class="cnt">
<pre align="center">
Кликните иконку для продолжения
<a href="/"><img src="http://javascript.ru/forum/images/smilies/smile.gif"></a>
</pre>
</div>
</div>
</body>
</html>
|
Говорите свой qiwi кошелёк. Я вам на пиво закину :D Спасибо огромное
|
| Часовой пояс GMT +3, время: 12:57. |