Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 12.01.2016
Сообщений: 1

Время завершения анимации ( .animate() )

26.07.2017, 12:30. Показов 1661. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Делаю скрипт для автоматической прокрутки страниц сайта. По таймеру вызывается функция, запускающая down().
JavaScript
1
2
3
4
5
function down () {  
    var bl_top = document.documentElement.offsetHeight; 
    $('body, html').animate({scrollTop: bl_top}, (bl_top*score)); 
    return 0 ;
};
После прокрутки, происходит переход на следующую страницу. Нужна задержка между окончанием прокрутки и переходом, устанавливаемая вручную. Ставила последовательно 2 таймера. На сколько я поняла, таймеры запускаются одновременно, и времени не хватало. Пыталась придумать, как поставить время на второй таймер, чтобы он ждал и прокрутку и дополнительное количество секунд, но как-то не получается, поскольку все страницы разного размера, и время на их прокрутку разное. Додумалась сделать проверку на завершение анимации таким образом:
JavaScript
1
2
3
4
5
6
7
function startus () { 
    down ();    
    t_go = window.setInterval ( function() { 
        if  (!$('body, html').is(':animated')) { clearInterval(t_go); goto_url(); };
    }, 10);  
     
};
Работает, но теперь после прокрутки страницы ждёт около 10 секунд, прежде чем запустить goto_url().
Видимо я что-то не так поняла, или не знаю. Помогите разобраться, как сделать, чтобы выполнялись последовательно: прокрутка и переход, с заданием интервала времени между ними.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
26.07.2017, 12:30
Ответы с готовыми решениями:

Ожидание завершения анимации
Есть вот такая страничка: Картинка.gif /вставка через аттач корябит изображение, поэтому прилагаю ссылку "как есть"/ ...

Ошибка в простейшей анимации animate()
То ли я дурак, то ли лыжи не едут. Добрый вечер. Не хочет мне мой элемент <h1> по клику уводить ни вправо, ни влево. В чем проблема без...

Анимация объекта, после завершения предыдущей анимации
Доброго времени суток, есть простой код который запускает анимацию: $(function(){ $('#conect_block').click(function(){...

1
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
26.07.2017, 12:48
Метод $.animate() может принимать до 4х аргументов, последний из которых - функция, которая будет вызвана после завершения анимации.
В вашем случае:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
function down () {  
    var bl_top = document.documentElement.offsetHeight; 
    $('body, html').animate({scrollTop: bl_top}, (bl_top*score), 'swing', callback); 
    return 0 ;
};
 
function callback() {
    setTimeout(function() {
        location.href = 'google.com';
    }, 2000);
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
26.07.2017, 12:48
Помогаю со студенческими работами здесь

Скрытие блока во время анимации
Ребята, помогите советом. Вот что есть на даный момент: http://infood.com.ua/lviv/uk/8-ostriv-sushi-yapi Нажмите на кнопку...

Как поставить время задержки в анимации js
Я не разбираюсь в этом языке, но понимаю что нужно c.fl что то дописать что будет отвечать за задержку в анимации слайдера var...

Выполнение действия после завершения анимации
Всем доброго времени суток. Как сделать так, чтобы при завершение работы анимации, например этой: DoubleAnimation animate = new...

Пользователь вводит с клавиатуры время начала и время завершения телефонного разговора (часы, минуты и секунды)
Посчитать стоимость разговора, если стоимость минуты – 30 копеек (важно: выполнить с использованием цикла)

Время завершения процесса
Нужно сохранить в текстовый файл имя процесса, время его старта и завершения. Как вывести имя и время старта я понял, а как время когда...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru