Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
novi4ek1
0 / 0 / 0
Регистрация: 28.05.2016
Сообщений: 21
#1

Появление баннера через определенное время

13.10.2017, 13:31. Просмотров 236. Ответов 0
Метки нет (Все метки)

Есть скрипт вывода баннера, баннер появляется 1 раз через 10 секунд после загрузки сайта, если нажать на кнопку закрытия баннера, он потом не будет появляться 1 минуту, через минуту если обновить страницу он снова появится.
Задача другая, нужно сделать так, чтобы он открывался через 10 секунд после загрузки сайта, но только 1 раз при каждом открытии сайта. Делается как то через сессионное хранилище, прошу помощи реализации! Заранее спасибо!
То есть если поставим показывать 1 раз в час, то при повторном открытии страницы в течении часа не увидят баннер. Если ставить 5 мин, то этот баннер надоест. Тут на время нельзя ориентироваться
Вот коды:
HTML5
1
2
3
4
5
6
7
8
9
<div id="bg_popup">
 <div id="popup">
 <a id="setCookie" class="close" href="#" title="Закрыть" onclick="document.getElementById('bg_popup').style.display='none'; return false;">X</a>
<div class="banner">
 <p class="head">Хотите получить 3000 бонусных рублей в подарок на покупку или пошив шубы?</p>
 <div class="btn-banner" id="setCookie2"><a href="/index/podarochnaja_karta_quot_karta_cenitelja_mekha_quot/0-8"><input type="submit" class="btnphone" value="Получить"></a></div>
 </div> 
</div>
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/javascript" src="http://webmaster-ucoz.ru/ucoz/js/js/js/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#setCookie, setCookie2").click(function () {
var date = new Date();
date.setTime(date.getTime() + (1000*60));
$.cookie("popup", "", {expires: date} );
$("#bg_popup").hide();
});
 
if ( $.cookie("popup") == null )
{
setTimeout(function(){
$("#bg_popup").show();
}, 10000)
}
else { $("#bg_popup").hide();
}
});
 </script>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*Модальное окно*/
#bg_popup{
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;}
 
#popup {
background:#fff;
width: 670px;
margin: 10% auto;
position: relative;
 line-height: 34px;}
 
.close{
display:block;
position:absolute;
top:5px;
right:5px;
width:20px;
height:20px;
color:#555;
font-size:24px;
cursor:pointer;}
 
#parent_popup {
background-color: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.head {
 color: white;
 font-size: 35px;
 text-align: right;
 margin-left: 50%;
 margin-right: 5%;
 padding-top: 15%;
 text-shadow: 
 -0 -2px 0 #3D2A24,
 0 -2px 0 #3D2A24,
 -0 2px 0 #3D2A24,
 0 2px 0 #3D2A24,
 -2px -0 0 #3D2A24,
 2px -0 0 #3D2A24,
 -2px 0 0 #3D2A24,
 2px 0 0 #3D2A24,
 -1px -2px 0 #3D2A24,
 1px -2px 0 #3D2A24,
 -1px 2px 0 #3D2A24,
 1px 2px 0 #3D2A24,
 -2px -1px 0 #3D2A24,
 2px -1px 0 #3D2A24,
 -2px 1px 0 #3D2A24,
 2px 1px 0 #3D2A24,
 -2px -2px 0 #3D2A24,
 2px -2px 0 #3D2A24,
 -2px 2px 0 #3D2A24,
 2px 2px 0 #3D2A24,
 -2px -2px 0 #3D2A24,
 2px -2px 0 #3D2A24,
 -2px 2px 0 #3D2A24,
 2px 2px 0 #3D2A24;
}
.btn-banner {
 text-align: center;
 padding-bottom: 10%;
 margin-top: 50px;
}
.banner {
 max-width: 100%;
 height: auto;
 background: url(/img/Molodezhnaya-shuba-iz-sobolya.png);
 background-repeat: no-repeat;
 border-radius: 5px;
 z-index: 999;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.10.2017, 13:31
Ответы с готовыми решениями:

Скрыть див через определенное время
Вообщем не получается, делаю так: &lt;script type=&quot;text/javascript&quot;&gt; function...

Появление объекта через определённое время
Я прячу объект командой .hide(); Как мне сделать, чтоб он становился видимым...

Появление модального окна через какое-то время
Всем привет! Вопрос такой, есть код $(document).ready(function(){ var...

Функция или событие, которая будет выполняться через определенное время
Есть ли в jquery функция которая будет выполняться через определенное...

Плавное появление объекта через определенное время
Плавное появление объекта через определенное время и плавное его исчезновение...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.10.2017, 13:31

Запуск функции через определенное время
помогите, пожалуйста, сделать запуск функции через определенное время. const...

Открытие страницы через определенное время
Есть ли готовые решения на скрипт - дабы открыть страницу на сайте через...

Запуск обратного звонка на сайте через определенное время
Подскажите пожалуйста код с прмощью которого можно будет запускать обратный...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru