Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Символьная загрузка
 
 автор: Бамси   (22.12.2009 в 14:48)   письмо автору
 
 

Надо пока скрипт ждет данных по AJAX. Крутил загрузку. Загрузка это не картинка, а поочерёдная замена следующих чаров: | / - \ .. Аля загрузка в ДОС.

Сейчас просто воткнуна фраза.
$('#load').html('Loading, please wait.');
И висит собственно, пока не придет дейт со скрипта.

Пытался изобразить что то на подобии

while(1)
{
$('#load').html('|');
$('#load').html('/');
$('#load').html('-');
$('#load').html('\');
}

Но все без исходно.

// JQuary

  Ответить  
 
 автор: ~AquaZ~   (23.12.2009 в 11:22)   письмо автору
 
   для: Бамси   (22.12.2009 в 14:48)
 

>// JQuary
может jQuery?

>while(1)
>{
>$('#load').html('|');
>$('#load').html('/');
>$('#load').html('-');
>$('#load').html('\');
>}
vat t=100; //timeout ms
function q(){$('#load').html('|');}
function w(){$('#load').html('/');}
function e(){$('#load').html('-');}
function r(){$('#load').html('\');}
function chars(){
    q();
    setTimeout(w, t);
    setTimeout(e, 2*t);
    setTimeout(r, 3*t);
    setTimeout(chars, 4*t);
}
chars();
Сам не проверял, но должно работать.

  Ответить  
 
 автор: sl1p   (23.12.2009 в 16:51)   письмо автору
 
   для: Бамси   (22.12.2009 в 14:48)
 

var sLoading = {
    cfg: {
        symbols: "|/-\\", // syms for use
        speed: 150 // milisec-s
    },
    to: null,
    go: function (id, i) {
        var s = sLoading.cfg.symbols.split("");
        i = i? (i >= s.length? 0 : i) : 0;
        s = s[i];
        document.getElementById(id).innerHTML = s;
        sLoading.to = setTimeout(sLoading.go, sLoading.cfg.speed, id, ++i);
    },
    stop: function () { clearTimeout(sLoading.to) }
}
sLoading.go('load');
вроде норм пашет.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования