Попробуйте сделать так, чтобы окно не просто выезжало и уходило - Веб-строительство

Как установить таймер на js?

alexdosson · 2016-08-29T10:31:19.0000000Z

Есть код, появляется окошко с текстом. Как сделать так чтобы это окошко появлялось через определённое количество секунд(лучше даже чтобы через разное кол-во секунд) и с разным текстом? Вот код codepen.io/anon/pen/jeLhJ

A

119

alexdosson

30 августа 2016, 04:24

#11

Samail:
https://plugins.jquery.com/tag/notification/
http://thesin-.github.io/notificationcenter/
http://www.vicreative.nl/Projects/Notify

а окей. А не скажете почему не прижимается к углу окошко?

369

Samail

30 августа 2016, 05:04

#12

alexdosson:
А не скажете почему не прижимается к углу окошко?

Так укажите:

.ui-dialog {position:fixed !important;top:calc(100% - 150px)!important; left:calc(100% - 310px)!important;}

1

304

tommy-gung

30 августа 2016, 05:37

#13

Gerga:
А что с массивами-то случилось?)

массивы.. тут хоть бы var вернуть))

Здесь не могла быть ваша реклама

A

119

alexdosson

30 августа 2016, 17:46

#14

Samail:
Так укажите:

.ui-dialog {position:fixed !important;top:calc(100% - 150px)!important; left:calc(100% - 310px)!important;}

да, я так и сделал. Но если появляется скролл, то окошко не прижимается к низу.

---------- Добавлено 30.08.2016 в 19:52 ----------

Samail:
Так укажите:

.ui-dialog {position:fixed !important;top:calc(100% - 150px)!important; left:calc(100% - 310px)!important;}

да, я так и сделал. Но если появляется скролл, то окошко не прижимается к низу.

369

Samail

30 августа 2016, 17:57

#15

alexdosson, не так, смотрите внимательнее.

position:fixed !important;

1

A

119

alexdosson

4 сентября 2016, 21:20

#16

Samail:
alexdosson, не так, смотрите внимательнее.

Да, вы были право, спасибо, сейчас всё прижалось.

Может подскажете еще как сделать так, чтобы город рандомно подставлялся? Ну например

- 2 пользователя только что совершили покупку из города <НАЗВАНИЕ_ГОРОДА - чтобы оно также рандомно бралось из списка>

PandoraBox - новый дорген. Кликабельные фоны Рандомный Alt к картинке,

369

Samail

5 сентября 2016, 04:35

#17

function pesky_window(){	

var text = ["1 пользователь только что совершил покупку из города", "2 пользователя только что совершили покупку из города", "3 пользователя только что совершили покупку из города", "4 пользователя только что совершили покупку из города", "5 пользователей только что совершили покупку из города", "6 пользователей только что совершили покупку из города", "7 пользователей только что совершили покупку из города", "8 пользователей только что совершили покупку из города", "9 пользователей только что совершили покупку из города", "10 пользователей только что совершили покупку из города"];

var sity = ["Москва", "Санкт-Петербург", "Екатеринбург", "Сочи", "Нижний Новгород", "Казань", "Самара", "Челябинск", "Омск", "Ростов-на-Дону", "Уфа", "Красноярск", "Пермь", "Воронеж", "Волгоград", "Новосибирск", "Тула", "Владивосток", "Астрахань", "Хабаровск"];

var sek = Math.floor((Math.random() * 10000) + 5000);

var text_id = Math.floor(Math.random() * text.length);

var sity_id = Math.floor(Math.random() * sity.length);

setTimeout(function() {

$("#hw").html(text[text_id]+'&nbsp;'+sity[sity_id]);

$('#hw').dialog()

$(".ui-dialog").hide()

$(".ui-dialog").show(1000);

setTimeout(function() {$(".ui-dialog").hide(1000);pesky_window();}, 5000);

}, sek);

}

pesky_window()

1

A

119

alexdosson

9 сентября 2016, 20:32

#18

Samail:

function pesky_window(){	

var text = ["1 пользователь только что совершил покупку из города", "2 пользователя только что совершили покупку из города", "3 пользователя только что совершили покупку из города", "4 пользователя только что совершили покупку из города", "5 пользователей только что совершили покупку из города", "6 пользователей только что совершили покупку из города", "7 пользователей только что совершили покупку из города", "8 пользователей только что совершили покупку из города", "9 пользователей только что совершили покупку из города", "10 пользователей только что совершили покупку из города"];

var sity = ["Москва", "Санкт-Петербург", "Екатеринбург", "Сочи", "Нижний Новгород", "Казань", "Самара", "Челябинск", "Омск", "Ростов-на-Дону", "Уфа", "Красноярск", "Пермь", "Воронеж", "Волгоград", "Новосибирск", "Тула", "Владивосток", "Астрахань", "Хабаровск"];

var sek = Math.floor((Math.random() * 10000) + 5000);

var text_id = Math.floor(Math.random() * text.length);

var sity_id = Math.floor(Math.random() * sity.length);

setTimeout(function() {

$("#hw").html(text[text_id]+'&nbsp;'+sity[sity_id]);

$('#hw').dialog()

$(".ui-dialog").hide()

$(".ui-dialog").show(1000);

setTimeout(function() {$(".ui-dialog").hide(1000);pesky_window();}, 5000);

}, sek);

}

pesky_window()

благодарю, попробую

A

119

alexdosson

24 октября 2016, 22:27

#19

Samail:

function pesky_window(){	

var text = ["1 пользователь только что совершил покупку из города", "2 пользователя только что совершили покупку из города", "3 пользователя только что совершили покупку из города", "4 пользователя только что совершили покупку из города", "5 пользователей только что совершили покупку из города", "6 пользователей только что совершили покупку из города", "7 пользователей только что совершили покупку из города", "8 пользователей только что совершили покупку из города", "9 пользователей только что совершили покупку из города", "10 пользователей только что совершили покупку из города"];

var sity = ["Москва", "Санкт-Петербург", "Екатеринбург", "Сочи", "Нижний Новгород", "Казань", "Самара", "Челябинск", "Омск", "Ростов-на-Дону", "Уфа", "Красноярск", "Пермь", "Воронеж", "Волгоград", "Новосибирск", "Тула", "Владивосток", "Астрахань", "Хабаровск"];

var sek = Math.floor((Math.random() * 10000) + 5000);

var text_id = Math.floor(Math.random() * text.length);

var sity_id = Math.floor(Math.random() * sity.length);

setTimeout(function() {

$("#hw").html(text[text_id]+'&nbsp;'+sity[sity_id]);

$('#hw').dialog()

$(".ui-dialog").hide()

$(".ui-dialog").show(1000);

setTimeout(function() {$(".ui-dialog").hide(1000);pesky_window();}, 5000);

}, sek);

}

pesky_window()

Все получилось, еще раз спасибо.

Только у меня окошко всплывающее почему-то не прижато к экрану, оно вылетает в правом нижнем углу, но справа и снизу остаются по пикселей 10-20. Прижать не получается. Есть у вас идеи? И как-то можно сделать, чтобы окно не просто выезжало и уходили, а хоть с мало-мальским эффектом? плавно что ли =)

GA в блоке с Ищу/посоветуйте партнерку, чей лендинг/платник, Ищу/посоветуйте партнерку, чей лендинг/платник,

369

Samail

24 октября 2016, 23:00

#20

справа и снизу остаются по пикселей 10-20

.ui-dialog {position:fixed !important;top:calc(100% - 150px)!important; left:calc(100% - 310px)!important;}

Тут 150 и 310 поменяйте на другие цифры, больше/меньше. По хорошему конечно нужно ковырять css файл в котором стили для этого блока указаны, но его в примере нет.

alexdosson:
И как-то можно сделать, чтобы окно не просто выезжало и уходили, а хоть с мало-мальским эффектом? плавно что ли =)

function pesky_window(){	

var text = ["1 пользователь только что совершил покупку из города", "2 пользователя только что совершили покупку из города", "3 пользователя только что совершили покупку из города", "4 пользователя только что совершили покупку из города", "5 пользователей только что совершили покупку из города", "6 пользователей только что совершили покупку из города", "7 пользователей только что совершили покупку из города", "8 пользователей только что совершили покупку из города", "9 пользователей только что совершили покупку из города", "10 пользователей только что совершили покупку из города"];

var sity = ["Москва", "Санкт-Петербург", "Екатеринбург", "Сочи", "Нижний Новгород", "Казань", "Самара", "Челябинск", "Омск", "Ростов-на-Дону", "Уфа", "Красноярск", "Пермь", "Воронеж", "Волгоград", "Новосибирск", "Тула", "Владивосток", "Астрахань", "Хабаровск"];

var sek = Math.floor((Math.random() * 10000) + 5000);

var text_id = Math.floor(Math.random() * text.length);

var sity_id = Math.floor(Math.random() * sity.length);

setTimeout(function() {

$("#hw").html(text[text_id]+'&nbsp;'+sity[sity_id]);

$('#hw').dialog()

$(".ui-dialog").fadeOut(0)

$(".ui-dialog").fadeIn(1000);

setTimeout(function() {$(".ui-dialog").fadeOut(1000);pesky_window();}, 5000);

}, sek);

}

pesky_window()

1

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Курс биткоина превысил $50 тысяч

Как установить таймер на js?