Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Анимированный счётчик (https://javascript.ru/forum/misc/42949-animirovannyjj-schjotchik.html)

балерун 15.11.2013 11:14

Анимированный счётчик
 
Нужно сделать анимированный счётчик от стартового числа до конечного.
Например, стартовое число 0, а конечное - 100. И счётчик должен показывать по порядку 0, 1, 2 ... 100.
Ничего сложного? Да, если бы не один момент, чем ближе к концу подходит счётчик, тем медленнее должны увеличиваться цифры.
Например, первые 50 шагов должны быть очень быстрые (может даже увеличиваться значение будет не по 1, а сразу по 5 или 10), а последние 5 (с 95 до 100) должны быть очень медленные.
Пытался найти в интернете какой-нибудь плагин, ничего не получается.
Может кто знает, по какому запросу искать что-то подобное или какой алгоритм должен быть?

ksa 15.11.2013 11:19

Цитата:

Сообщение от балерун
Пытался найти в интернете какой-нибудь плагин, ничего не получается.

Вот сволочи! :D
Не хотят людям писать плагины...

jsru_ 15.11.2013 11:21

а в чем заключается анимация? если ты так хочешь реализовать анимацию загрузки какой-нить, можешь глянуть тут http://easings.net/ru

балерун 15.11.2013 11:24

Моя ошибка, не так выразился. Анимации никакой нет, просто меняется текст. Сложность в том, чтобы счётчик красиво замедлялся (слова заказчика) при приближении к концу.

a_l 15.11.2013 11:59

Цитата:

Может кто знает, по какому запросу искать что-то подобное или какой алгоритм должен быть?
setTimeout и рекурсивный вызов функции.
P.S. Хотел выложить код, пока не прочитал слово "заказчик".

балерун 15.11.2013 12:51

Код не нужен, достаточно алгоритма. Про setTimeout и рекурсивный вызов знаю)

ksa 15.11.2013 13:34

Цитата:

Сообщение от балерун
Код не нужен, достаточно алгоритма.

Алгорим-то простой... :D
Смотри сколько осталось и увеличивай время задержки.

балерун 15.11.2013 15:33

Например, линейная зависимость?) Кстати, спасибо, как-то сам об этом не подумал.

ksa 15.11.2013 15:52

Цитата:

Сообщение от балерун
Например, линейная зависимость?

Да любая абсолютно...


Часовой пояс GMT +3, время: 20:17.