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

12 3
A
На сайте с 30.06.2013
Offline
119
1235

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

ХЗ
На сайте с 31.08.2008
Offline
155
#1
alexdosson:
Как сделать так чтобы это окошко появлялось через определённое количество секунд

Возможно поможет http://javascript.ru/manual

Samail
На сайте с 10.05.2007
Offline
361
#2

alexdosson, не нашел где там сохранить

<div id="hw" title="Empty the recycle bin?"></div>

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

text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog({
close:function(){
alert('the old way')
}
})
}, sek);
A
На сайте с 30.06.2013
Offline
119
#3
Samail:
alexdosson, не нашел где там сохранить
<div id="hw" title="Empty the recycle bin?"></div>

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

text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog({
close:function(){
alert('the old way')
}
})
}, sek);

Супер только я забыл написать что можно ли так, что как закрываешь это окно, потом появляется такое же опять по таймеру? Зациклить в общем можнл это? И что-то не получается расположиит окошко в правом нмжнем углу. По можете?

Samail
На сайте с 10.05.2007
Offline
361
#4

function pesky_window(){
sek = Math.floor((Math.random() * 10000) + 1000);
text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog({
close:function(){
alert('the old way')
pesky_window()
}
})
}, sek);
}
pesky_window()
alexdosson:
И что-то не получается расположиит окошко в правом нмжнем углу.

css

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

Лучше конечно сам файл править где позиция указана

A
На сайте с 30.06.2013
Offline
119
#5
Samail:
function pesky_window(){

sek = Math.floor((Math.random() * 10000) + 1000);
text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog({
close:function(){
alert('the old way')
pesky_window()
}
})
}, sek);
}
pesky_window()


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

Лучше конечно сам файл править где позиция указана

То есть какоц файл?

Спасибо, работает! Понимаю что может нагло, но может скажете как еще сделать так чтобы если человек не нажал на крестик, окошко само плавно закрывалось?

Aisamiery
На сайте с 12.04.2015
Offline
293
#6
alexdosson:
Супер только я забыл написать что можно ли так, что как закрываешь это окно, потом появляется такое же опять по таймеру? Зациклить в общем можнл это?

Да, вместо setTimeout() использовать setInterval()

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
Samail
На сайте с 10.05.2007
Offline
361
#7
как еще сделать так чтобы если человек не нажал на крестик, окошко само плавно закрывалось?

На совсем или нет? Если нужно что-бы потом опять вылазило то так:


function pesky_window(){
sek = Math.floor((Math.random() * 10000) + 5000);
text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog()
$(".ui-dialog").hide()
$(".ui-dialog").show(1000);
setTimeout(function() {$(".ui-dialog").hide(1000);pesky_window();}, 5000);
}, sek);
}
pesky_window()

Ещё убрал от туда алерт, т.к. на нервы действовал ...но вы всегда можете вставить его обратно :)

A
На сайте с 30.06.2013
Offline
119
#8
Samail:
На совсем или нет? Если нужно что-бы потом опять вылазило то так:

function pesky_window(){
sek = Math.floor((Math.random() * 10000) + 5000);
text_id = Math.floor((Math.random() * 10) + 1);
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';
setTimeout(function() {
$("#hw").html(eval('text'+text_id));
$('#hw').dialog()
$(".ui-dialog").hide()
$(".ui-dialog").show(1000);
setTimeout(function() {$(".ui-dialog").hide(1000);pesky_window();}, 5000);
}, sek);
}
pesky_window()

Ещё убрал от туда алерт, т.к. на нервы действовал ...но вы всегда можете вставить его обратно :)

На совсем по идее. Я (точнее вы, так как очень помогли мне) пытаюсь реализовать на этом сайте . Там в левом нижнем углу всплывают окна, типа 10 ччеловек просматривают эту гостиницу. У нас в нашем скрипте правильная логика как на этом сайте думаю? Но и кстати окошко у меня вылезает в углу, но при прокрутке то есть когда я скролю вниз и если в этот момент окно появляется, оно становится посередине экрана

Gerga
На сайте с 02.08.2015
Offline
94
#10
Samail:
text1 = 'техт 1';
text2 = 'техт 2';
text3 = 'техт 3';
text4 = 'техт 4';
text5 = 'техт 5';
text6 = 'техт 6';
text7 = 'техт 7';
text8 = 'техт 8';
text9 = 'техт 9';
text10 = 'техт 10';

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

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий