Скрипт анимированного счетчика

Скрипт анимированного счетчика

21.04.201130138

Здесь предоставлено четыре вида анимированного счетчика. Основываясь на нем, можно сделать интересную загрузку для сайта, счетчик кликов, показ времени проведения на странице. Для хорошего примера я использовал CSS. Вы можете использовать изображения, изменив код стиля. В примере для обычного счетчика сделано так: каждую миллисекунду к числовому значению прибавляется единичка, а полоса на фоне, уже по другому заданному времени, растягивается. Возможно, прочитав это, Вы ничего не поняли, поэтому советую посмотреть пример в демонстрации.

Бесконечная загрузка



Число на полоске растет бесконечно, но благодаря CSS, обрезается текст.



Загрузка с окончанием



По окончанию заданного промежутка, скрипт выдает сообщение об окончании.



Загрузка с исчезанием



После нужного результата, полоса загрузки исчезает.



"Кликомания"



В этом примере полоса тянется при клике, также увеличивается и число.



Сохраните в социальную сеть
Комментарии (8)
Отлично спасибо, применю wink
4
Классно, переделаю под репутацию)))
3
ага, желательно бесконечную, чтобы росла и росла:)
4
сделали бы щетчик кликов,только чтоб нетак как тут,а чтоб всех пользователей щитало,и чтоб больше 1 раза кликнуть нельзя было...
-2
Ну так в чем же дело, переменные if тебе в помощь
3
как сделать так чтобы после того как счетчик исчез появилась ссылка?
1
"Загрузка с исчезанием"

Там есть вот это document.getElementById('id_e').innerHTML='Загрузка завершена';$('.box_up').fadeOut(3000)

Убрать нужно $('.box_up').fadeOut(3000)

А вместо надписи "Загрузка завершена" можно поставить ссылку, например, <a href="#">Скачать</a>

0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт