Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Мигающие точки (https://javascript.ru/forum/jquery/27652-migayushhie-tochki.html)

Feboll 20.04.2012 14:49

Мигающие точки
 
Люди нужна помощь. Как сделать мигающие точки при ожидании выполнения действия? Суть в том, что есть обычные три точки, которые должны мигать по очереди.
может цикл нужен типа while или for? но я никак не допру
заранее спасибо
я использовал вот такой код
function tochka1() {  $("#dialog span.tochka1").fadeIn(500).delay(500).fadeOut(500)};
		setTimeout(tochka1, 500)
		function tochka2() {$("#dialog span.tochka2").fadeIn(500).delay(1000).fadeOut(500)};
		setTimeout(tochka2, 500)
		function tochka3() {$("#dialog span.tochka3").fadeIn(500).delay(1500).fadeOut(500)};
		setTimeout(tochka3, 500)

но после одного прохода мигания они начинают мигать рандомно. как это исправить?
заранее спасибо

atlantis 20.04.2012 17:57

http://jsfiddle.net/HyS9T/1/

vuler 20.04.2012 18:31

не понимаю зачем нагружать себя и пользователя лишней фигней(пардон за выражение) :) не лучше ли сделать анимированный гиф файл загрузки и все? Разве что, если у тебя фон неоднородный в виде картинки, то стоит так заморачиваться.

Feboll 20.04.2012 19:33

я та в курсе. но вот у меня именно тот случай что просто так не подойдет))) а именно нужен скрипт)

sysya 25.04.2012 00:45

так вот сделай:
qqq = 0;
setInterval(function(){
    qqq++; 
    if ( qqq == 1 ) $('#qwe').html('  ..');  
    else if ( qqq == 2 ) $('#qwe').html('. .');  
    else if ( qqq == 3 ) $('#qwe').html('.. '); 
    else {
        $('#qwe').empty(); 
        qqq = 0;
    }
},500);

хотя реальный совет gif, вроде есть прозрачные gif

atlantis 26.04.2012 19:51

Цитата:

Сообщение от sysya (Сообщение 171111)
так вот сделай:
qqq = 0;
setInterval(function(){
    qqq++; 
    if ( qqq == 1 ) $('#qwe').html('  ..');  
    else if ( qqq == 2 ) $('#qwe').html('. .');  
    else if ( qqq == 3 ) $('#qwe').html('.. '); 
    else {
        $('#qwe').empty(); 
        qqq = 0;
    }
},500);

хотя реальный совет gif, вроде есть прозрачные gif

Ну и в чём смысл?
Просто тупо скопировал мой код, и непонятно зачем добавив " "!!!

sysya 30.04.2012 19:27

ну мигают они поочереди, что не так?
вообщето, графику можно забацать нормально и с гиф файлом, и ненадо марочить голову ерундой... такое редко где увидишь, потомучто это никому не надо, какое дело пользователю до этих точек, юзерам нужно знать только что что-то грузится...

и можно сделать мигающие, тогда, квадратики, их будет видно, и настройки для них шире... фон любой можно сделать, цвет...

Aetae 30.04.2012 20:00

function tochka1() {  $("#dialog span.tochka1").fadeIn(500).delay(500).fadeOut(500);
setTimeout(tochka2, 500)
};
        
function tochka2() {$("#dialog span.tochka2").fadeIn(500).delay(500).fadeOut(500);
setTimeout(tochka3, 500)
};
        
function tochka3() {$("#dialog span.tochka3").fadeIn(500).delay(500).fadeOut(500);
setTimeout(tochka1, 1500)
};
tochka1()

Думаю не стоит упоминания, что это жуткая мерзость и так делать не следует.


Часовой пояс GMT +3, время: 11:13.