VPF::Помогите подправить скрипт - Форум программистов

BASILIO

Дата 18.7.2011, 16:43 (ссылка)

(нет голосов)

Загрузка ...

Koté-CAH

Профиль
Группа: Участник
Сообщений: 135
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

Написал сам:

Код


var func_fade = null;
var func_fade_ring = null;
var fade_speed = 25;
var fade_step = 0.1;
var act_opacity = null;
var new_opacity = null;
var fade_obj = null;
var fade_direction = null;
func_fade = function(obj,direction)
    {
    fade_obj = obj;
    fade_direction = direction;
    func_fade_ring = function()
        {
        act_opacity = document.defaultView.getComputedStyle(fade_obj, null).opacity;
        switch(fade_direction)
            {
            case 0:
                {
                if(act_opacity > 0)
                    {
                    new_opacity = parseFloat(act_opacity) - parseFloat(fade_step);
                    fade_obj.style.opacity = parseFloat(new_opacity);
                    setTimeout('func_fade_ring()',fade_speed);
                    }
                else
                    {
                    fade_obj.style.display = 'none';
                    }
                break;
                }
            case 1:
                {
                if(document.defaultView.getComputedStyle(fade_obj, null).display == 'none')
                    {
                    fade_obj.style.opacity = 0;
                    fade_obj.style.display = 'block';
                    }
                if(act_opacity < 1)
                    {
                    new_opacity = parseFloat(act_opacity) + parseFloat(fade_step);
                    fade_obj.style.opacity = parseFloat(new_opacity);
                    setTimeout('func_fade_ring()',fade_speed);
                    }
                break;
                }
            }
        }
    func_fade_ring();
    }

всё вроде как работает, но если быстро два раза вызвать функцию, то вариаблы, перекрывают одна другую. Если инициализировать их внутри функции "func_fade" то таймер, когда пытается вызвать функцию, пишет, что не найдена вариабла вообще (

Stolzen

Дата 18.7.2011, 16:46 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1041
Регистрация: 17.10.2005

Репутация: 4
Всего: 48

Чтобы вариаблы не перекрывали друг друга, можно использовать вот такую конструкцию

Код


(function() {
    var var1;
    var var2;
})();

// тут var1 будет недоступна
var1

Таким образом у кода будет свой scope

--------------------

datatalks.ru - анализ данных, статистика, машинное обучение

BASILIO

Дата 18.7.2011, 17:09 (ссылка)

(нет голосов)

Загрузка ...

Koté-CAH

Профиль
Группа: Участник
Сообщений: 135
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

Stolzen, Не совсем понял, где иммено, можешь мой код с поправкой перепостить?

Stolzen

Дата 18.7.2011, 18:52 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1041
Регистрация: 17.10.2005

Репутация: 4
Всего: 48

Посмотрел код внимательнее.
В вашем случае лучше использовать вот это:
http://www.switchonthecode.com/tutorials/j...-fade-animation

А еще лучше - использовать что-то типа jQuery.

--------------------

datatalks.ru - анализ данных, статистика, машинное обучение

BASILIO

Дата 18.7.2011, 21:17 (ссылка)

(нет голосов)

Загрузка ...

Koté-CAH

Профиль
Группа: Участник
Сообщений: 135
Регистрация: 25.2.2008

Репутация: нет
Всего: нет

А нельзя таймер создовать как-нибудь внутри функции, чтоб он за её пределы не выходил?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »