Зацикливание функции setTimeout

[рони]

Будет происходить обязательно

это не про вас а про макет caetus,

по ссылке выше универсальная функция для любой анимации и callback
пример на её основе
Визуальное уменьшение числа

[MininAS]

function ani_hide(elm, i, o, func)
{
    // style
    if (o > 0) {o -= 5; setTimeout (function () { ani_hide(elm, i, o, func)}, i);}
    else setTimeout (func, 3000);
}
 
ani_hide(0, 50, 100, function () {flag_DOWN = true;});

Первый запустился, спасибо забыл про вариант завернуть в функцию.
А вот второй нет.

[caetus]

посмотри по ссылке которую кинул Рони , там функция универсальна )))

function ani_hide(elm, i, o, func)
{
    // style
    if (o > 0) {o -= 5; setTimeout (function () { ani_hide(elm, i, o, func)}, i);}
    else setTimeout (func, 3000);
}
 
ani_hide(0, 50, 100, function () {alert(2);}); // 3 с жди

[MininAS]

это не про вас а про макет caetus,

по ссылке выше универсальная функция для любой анимации и callback
пример на её основе
Визуальное уменьшение числа

Уже сообразил. По ссылке информацию читаю спасибо.

[ruslan_mart]

css не запустит callback

А что мешает повесить событие transitionend?

[рони]

Ruslan_xDD,
то что это будет уже не css а js

[рони]

Ruslan_xDD,
плюс проблема на все анимации классов не напасёшься и прерывание css-анимации выдумывать типа $.stop()

[MininAS]

Не знал про transitionend.
Изучил материал - класненько, все получилось.
Да и классов много не надо можно каждому объекту непосредственно присвоить стиль или создать один класс и присваивать объекту и отбирать назад.
Но все таки почему не работает func ? )

[MininAS]

func то же завернул в функцию:

setTimeout (function () {func();}, 300);

Заработало.
После встал вопрос как в func выполнить действия над объектом и сообразил передать ссылку в функции на объект, в общем надо было так:

function ani_hide(elm, i, o, func)
{
	elm.style.opacity =  (o / 100);
	if (o > 0) {o -= 10; setTimeout (function () {ani_hide(elm, i, o, func);}, i)}
	else setTimeout (function () {func(elm);}, 300);
}

ani_hide(a_block[i], 50, 100, function (elm) 
{
	elm.src = 'img/ball_0.png';
	elm.style.opacity = 1;
	flag_DOWN = true;
});

[MininAS]

Скрип использовал в игре Сфера.
http://matrix-games.ru