SetTimeout

@ChildOfFlowers · Регистрация: 16.04.2012

Студворк — интернет-сервис помощи студентам

... хотя может быть проблема в чём-то другом (руки неоттуда растут?), но я всёже грешу на этот гадский таймер.
Короче, я пытаюсь сделать, чтобы при прокрутке страницы элемент плавно исчезал, и так же плавно появлялся. Сочинил для этого вот такую конструкцию:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function bar()
{
    var top = document.body.scrollTop;
    
    if (top <= 10) cnt = 1.0;
    else if (top <= 50 && top > 10) cnt = 0.8;
    else if (top <= 100 && top > 50) cnt = 0.6;
    else if (top <= 150 && top > 100) cnt = 0.4;
    else cnt = 0;
    delay();
}
var cnt = 0;
function delay()
{
    if (cnt < navBar.style.opacity)
    {
        setTimeout(function(){navBar.style.opacity -= 0.1; delay();}, 100);
    }
    else if (cnt > navBar.style.opacity)
    {
        setTimeout(function(){navBar.style.opacity += 0.1; delay();}, 100);
    }
}

Так вот, исчезать-то оно исчезает, а появляться обратно не хочет. К тому же, я смотрел как изменяются значения переменных при выполнении функции, а изменяются они странно: navBar.style.opacity уходит в минус (хотя такого в принципе не должно быть), и больше не меняется.
Короче, то ли я дурак, то ли лыжи не едут...

@Reebka · 27.03.2014, 14:40

ChildOfFlowers, не-не, реализация отстойная. Сам по таким граблям походил. Всё из-за cnt, которая используется и при скрытии, и при показе элемента. Слишком быстро, наверное, делаешь события, при которых элементу нужно скрываться, вот оно и работает неверно.

@ChildOfFlowers · 27.03.2014, 18:24 **[ТС]**

Быстро, конечно, это же прокрутка страницы вверх/вниз. А как же быть? Написать юзерам чтобы быстро страницу не прокручивали?

@Reebka · 27.03.2014, 20:18

Сообщение от ChildOfFlowers

А как же быть? Написать юзерам чтобы быстро страницу не прокручивали?

Не в ту сторону смотришь. Как вариант, добавить флаг состояния. Исчезает элемент или появляется и проверять его при уменьшении/увеличении прозрачности.

@ChildOfFlowers · 27.03.2014, 20:48 **[ТС]**

Reebka, да это всё понятно, но дело походу не в этом. Я тут ещё более странную вещь выяснил:

JavaScript
1
<BUTTON onClick = "navBar.style.opacity += 0.1">+</BUTTON><BUTTON onClick = "navBar.style.opacity -= 0.1">-</BUTTON>

Вроде всё проще пареной репы, но: при нажатии на кнопку с минусом opacity, естественно, уменьшается. А вот при нажатии на кнопку с плюсом ничего нигде не прибавляется почему-то... вот теперь я реально не знаю что делать

Добавлено через 16 минут
Разобрался

Оказывается navBar.style.opacity у нас NaN. Соответственно, при отнимании строка автоматически переводится в число, и всё работает нормально. А при прибавлении прибавляемое число переводится в строку и дописывается к существующей строке, и получается ерунда. Соответственно, нужно всего лишь

JavaScript
1
parseFloat(navBar.style.opacity)

и всё работает отлично

Новые блоги и статьи Все статьи Все блоги /
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .

@Reebka 53 / 53 / 10 Регистрация: 25.09.2011 Сообщений: 264
	27.03.2014, 14:40
	ChildOfFlowers, не-не, реализация отстойная. Сам по таким граблям походил. Всё из-за cnt, которая используется и при скрытии, и при показе элемента. Слишком быстро, наверное, делаешь события, при которых элементу нужно скрываться, вот оно и работает неверно. 0

@ChildOfFlowers 15 / 14 / 9 Регистрация: 16.04.2012 Сообщений: 1,091
	27.03.2014, 18:24 [ТС]
	Быстро, конечно, это же прокрутка страницы вверх/вниз. А как же быть? Написать юзерам чтобы быстро страницу не прокручивали? 0