Всім привіт!
Ламав голову над тим, як назвати заголовок, голову зламав, але так і не зміг дати правильну назву. Спробую пояснити принцип дії скрипта.
Ось, наприклад, у вас є сайт, де ви вказуєте в шапці кількість передплатників, покупців або скільки тон перевезли товарів і т.д. Так ось, коли відвідувач перейде на сайт, він зверне увагу на ці цифрові покажчики, так як цифри анимировано будуть змінюватися до зазначеного цифрового значення. Якщо вказати число «1000». то при оновленні сторінки, цифри почнуть швиденько по черзі змінюватися від «0» до «1000».
Чесно, я намагався пояснити, але сам бачу, що потрібно для розуміння показати демонстрацію:
Ось, тепер всім стало ясно, що я тут намагаюся вже 5 хвилин пояснити.
Отже, щоб зробити такий ефект на сайті, між тегами
вставте ось такий JS скрипт:налаштування:
Рядок №15 -
60203 - це кінцева цифра
10 - швидкість зміни цифр
60 - крок зміни цифри. Відлік буде ось такий (1, 60, 120 ... 60203). Якщо вказати «1», то відлік буде ось такий (1,2,3,4 ... 60203).
Тепер між тегами
вставте ось такий код:Ось такий диво-скрипт! Як правильно його назвати, не знаю.
Сергій Високинь каже:
Думаю, Тут ще треба в скрипт дописати функцію залежності швидкості зміни цифр в залежності від тотальної суми. Скажімо, щоб незалежно від числа загальної суми, вся анімація зміни цифр займала не більше 3-5 секунд. Без цього, на мій погляд, скрипт представляється недопіленним, неідеальним чи що.
Напевно, число кроку зміни цифр має змінюватися в залежності від загальної суми. Кількість кроків завжди однакове для набору будь тотальної суми. Тоді, це число кроку зміни цифр задається через розподіл підсумкової суми на кількість кроків. Такий варіант ходу програмістської думки.
Буду радий, якщо хтось з такою програмістської думкою удосконалить цей код 🙂
А підкажіть мені будь ласка, як можна вирівняти слово і цифри щоб вийшли на одній сходинці. а то я замучився не виходить це зробити ❓
Хотілося б ось так ---- Нам довіряють: 69483
Привіт, Михайле!
Спробуйте ось так:
Повністю готовий код:
підкажіть як прикрутити цей код до калькулятору, щоб сума виводилася з анімацією.
І навіщо таке робити?
У коді Рядок №15 -
60203 - це кінцева цифра
Ставите замість цих цифр змінну, яка виводить результат в калькуляторі.
Привіт, підкажіть як змінити розмір цифр і колір?
Вітаю!
В CSS вставте ось такий код: