Блокировка экрана сайта через определённое время
Необходимо сделать скрипт, который срабатывает через 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, время: 15:53. |