Автоматичен брояч
Плъгинът CountTo.js автоматично изчислява число от дадено число до дадено крайно число с дадена скорост. Изчислява във възходящ или низходящ ред.
Има 2 начина да използвате този плъгин: 1-вият е чрез атрибутите на данните на html тага и 2-рият е директно чрез функцията jQuery countTo().
И двата метода могат да се комбинират, но методът на атрибута има предимство пред функцията coutTo().
атрибути на данни
Нека разгледаме пример, когато параметрите на приставката са зададени от атрибути на данни в html тага
тип скрипт = "текст/javascript" > $ ('.timer') . countTo(); //-->
Ето още по-подробен пример, демонстриращ всички функции на плъгина, използвани от този метод:
тип скрипт = "текст/javascript" > $ ('.timer') . countTo(); //-->
тип скрипт = "текст/javascript" > $ ('.timer') . countTo (< от: 0, до: 500 >) ; //-->
И по-подробен пример, демонстриращ всички функции на плъгина, използвани от този метод:
тип скрипт = "текст/javascript" > $ ('.timer') . countTo ( < от: 50, до: 2500, скорост: 1000, refreshInterval: 50, formatter: функция (стойност, опции) < връща стойност. toFixed (опции. десетични знаци) ; >, onUpdate: функция (стойност) & console.debug (това) ; >, onComplete: функция (стойност) < console.debug (това) ; > >) ; //-->
Пълен списък с функции и атрибути, използвани в този плъгин:
from - произходът на брояча, по подразбиране 0 (атрибутът му за данни е data-from)
to - крайната стойност на брояча, по подразбиране 100 (неговият атрибут data е data-to)
скорост - време презкой брояч ще работи, по подразбиране е 1000 милисекунди (атрибутът му за данни е скорост на данните)
refreshInterval - забавяне в милисекунди между всяко опресняване на брояча, по подразбиране 100 милисекунди (атрибутът му за данни е data-refreshInterval)
formatter (стойност, опции) – функцията за обратно извикване задава изходния формат на числото (по подразбиране броят на десетичните знаци е 0)
onUpdate (стойност) - функцията за обратно извикване се извиква след всяка итерация, когато броячът се актуализира (не се използва по подразбиране)
onComplete (стойност) – функцията за обратно извикване се задейства при крайния брой (не се използва по подразбиране)