Автоматичний лічильник
Плагін CountTo.js автоматично розраховує число від зазначеного числа до заданого кінцевого із заданою швидкістю. Розраховує в порядку зростання чи спадання.
Існує 2 способи використання цього плагіна: 1-й це через data атрибути html тега і 2-й це безпосередньо через jQuery функцію countTo().
Обидва способи можна комбінувати, але спосіб з атрибутами має пріоритет над coutTo() функцією.
data атрибути
Розглянемо приклад коли параметри плагіна задаються data атрибутами в html тезі
script type = "text/javascript" > $ ('.timer'). countTo(); //-->
Ось ще докладніший приклад демонструє всі можливості плагіна використовувані таким методом:
script type = "text/javascript" > $ ('.timer'). countTo(); //-->
script type = "text/javascript" > $ ('.timer'). countTo (< from: 0, to: 500 >); //-->
І більш докладний приклад демонструє всі можливості плагіна, що використовуються таким методом:
script type = "text/javascript" > $ ('.timer'). countTo (< від : 50 , to : 2500 , speed : 1000 , refreshInterval : 50 , formatter : function ( value , options ) < return value . toFixed ( options. decimals ) , > , onUpdate : function ( value ) < console. < console.debug (this); > >); //-->
Повний список функцій та атрибутів, що використовуються в цьому плагіні:
from - початок відліку лічильника, за замовчуванням 0(data-from data атрибут)
to – кінцеве значення лічильника, за замовчуванням 100 (його data атрибут data-to)
speed - час протягомякого лічильник буде працювати, за замовчуванням 1000 мілісекунд(його data атрибут data-speed)
refreshInterval – затримка у мілісекундах між кожним оновленням лічильника, за замовчуванням 100 мілісекунд(його data атрибут data-refreshInterval)
formatter (value, options) – callback-функція задає формат виведення числа (за замовчуванням у знаків після коми 0)
onUpdate (value) – callback-функція викликається після кожної ітерації, коли лічильник оновився (за замовчуванням не використовується)
onComplete (value) – callback-функція спрацьовує за фінального підрахунку (за замовчуванням не використовується)