Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2012, 14:49
Интересующийся
Отправить личное сообщение для Feboll Посмотреть профиль Найти все сообщения от Feboll
 
Регистрация: 19.04.2012
Сообщений: 11

Мигающие точки
Люди нужна помощь. Как сделать мигающие точки при ожидании выполнения действия? Суть в том, что есть обычные три точки, которые должны мигать по очереди.
может цикл нужен типа 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)

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

Последний раз редактировалось Feboll, 20.04.2012 в 16:12.
Ответить с цитированием
  #2 (permalink)  
Старый 20.04.2012, 17:57
Аспирант
Отправить личное сообщение для atlantis Посмотреть профиль Найти все сообщения от atlantis
 
Регистрация: 18.03.2012
Сообщений: 95

http://jsfiddle.net/HyS9T/1/
Ответить с цитированием
  #3 (permalink)  
Старый 20.04.2012, 18:31
Кандидат Javascript-наук
Отправить личное сообщение для vuler Посмотреть профиль Найти все сообщения от vuler
 
Регистрация: 16.02.2012
Сообщений: 109

не понимаю зачем нагружать себя и пользователя лишней фигней(пардон за выражение) не лучше ли сделать анимированный гиф файл загрузки и все? Разве что, если у тебя фон неоднородный в виде картинки, то стоит так заморачиваться.
Ответить с цитированием
  #4 (permalink)  
Старый 20.04.2012, 19:33
Интересующийся
Отправить личное сообщение для Feboll Посмотреть профиль Найти все сообщения от Feboll
 
Регистрация: 19.04.2012
Сообщений: 11

я та в курсе. но вот у меня именно тот случай что просто так не подойдет))) а именно нужен скрипт)
Ответить с цитированием
  #5 (permalink)  
Старый 25.04.2012, 00:45
Аватар для sysya
Профессор
Отправить личное сообщение для sysya Посмотреть профиль Найти все сообщения от sysya
 
Регистрация: 27.12.2009
Сообщений: 292

так вот сделай:
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, 25.04.2012 в 00:58.
Ответить с цитированием
  #6 (permalink)  
Старый 26.04.2012, 19:51
Аспирант
Отправить личное сообщение для atlantis Посмотреть профиль Найти все сообщения от atlantis
 
Регистрация: 18.03.2012
Сообщений: 95

Сообщение от sysya Посмотреть сообщение
так вот сделай:
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
Ну и в чём смысл?
Просто тупо скопировал мой код, и непонятно зачем добавив " "!!!
Ответить с цитированием
  #7 (permalink)  
Старый 30.04.2012, 19:27
Аватар для sysya
Профессор
Отправить личное сообщение для sysya Посмотреть профиль Найти все сообщения от sysya
 
Регистрация: 27.12.2009
Сообщений: 292

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

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

Последний раз редактировалось sysya, 30.04.2012 в 19:30.
Ответить с цитированием
  #8 (permalink)  
Старый 30.04.2012, 20:00
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,584

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()

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос по replace. Как заменить все точки в строке? Pluto Общие вопросы Javascript 14 21.04.2017 12:32
Использование точки (pt) в качестве единицы измерения и их подводные камни FINoM (X)HTML/CSS 16 15.03.2012 15:26
regexp не работает экранирование точки Spice Общие вопросы Javascript 2 10.11.2011 13:41
Крайние точки элемента Suharik Элементы интерфейса 3 29.09.2010 17:10
Координаты точки snake-as Общие вопросы Javascript 1 04.03.2008 12:23