Главная CSS-верстка

Цифровые часы на чистом CSS и jQuery

Цифровые часы на чистом CSS и jQuery

Глядя на днях на циферки на счетчике ли.ру, в моей голове неожиданно зародилась весьма дурная идея - мне захотелось создать цифровые часы, которые бы в точности повторяли те самые циферки с того самого счетчика. Эта идея никак не давала мне покоя, пока я не воплотил ...

Комментарии (41)

  1. просто супер! особенно часики со свечением)

  2. очень интересная штука. надо бы попробовать и с CSS поиграться заодно

  3. Действительно, вещь бесполезная для серьезных блогов или сайтов, но решение интересное и достойно, найдет своих пользователей несомненно!

  4. Как всегда супер) Спасибо.)

    А может быть ты знаешь, как сделать такие же часы, только с обратным отсчетом? Их можно будет использовать, к примеру, когда на блоге организуется какой-нибудь конкурс и висят часики: «До конца конкурса осталось 12: 14: 55 … "

    И время назад тикает…

    Очень хотел бы такие часики…

  5. Зря сделал мигание двоеточий. Оно нужно только когда секунды не показываются — чтобы видно было, что время идёт :) А так секунды тикают — всё ясно)))

  6. Вся беда подобных вещей в том что все они показывают то же самое время что и системное время компа, по большому счёту сводя свой функционал к нулю.

  7. сделал бы и пример без минаний. они ж раздражают

  8. Прикольно, возможно продублирую у себя, если еще какой прибамбас придумаю :)

  9. Тем, кому хочется убрать мигание — делается это просто. Нужно из скрипта удалить следующий код:

    $(digit+'.colon').css({opacity: 1}).each(function() {
    	$(this).delay(400).animate({opacity: 0},250);
    })
    
  10. Андрей Гурылёв
    12 лет 11 месяцев назад

    Очень странно мигание происходит. Этих самых двоеточий. Как будто в два этапа. На первом этапе медленно и красиво появляется, аналогично и уходит, а на втором этапе практически коротким мгновенным щелчком это происходит. Секунды делятся на чётные и нечётные таким образом, а должна быть каждая секунда одинаковой.
    Браузер, если что 12.0.742.12 dev

  11. Мне нравится)

  12. Вообще офигеть :)

  13. Красиво, но куда и зачем притулить даже не знаю. :)

  14. главное, Чистом CSS ;)

  15. Чего прикольно простые часы ни чего не обычного и сложного…

  16. Да не чё так, классно получилось.

  17. Часы конечно хорошие, но секундные цифры лишние, т. к две точки и есть секунды:)

  18. Ахха!
    Классные часики!
    Хотя правда пользы от них 0))

  19. Здравствуйте! Скачал архив… а как устанавливать не нашел… интересует установка на dle… если можно, пошагово…

  20. Установил на 4bike.org.ua респект автору !

Ваш комментарий