Глядя на днях на циферки на счетчике ли.ру, в моей голове неожиданно зародилась весьма дурная идея - мне захотелось создать цифровые часы, которые бы в точности повторяли те самые циферки с того самого счетчика. Эта идея никак не давала мне покоя, пока я не воплотил ...
Публикация статьи «Умные динамические колонки с применением CSS и jQuery» стала поводом для написания сегодняшнего поста. Суть очень схожа и речь здесь пойдет про размер шрифта. Задача — реализовать динамическое изменение размера шрифта сайта ...
Существует два типа колонок, используемых на веб-сайтах: фиксированной ширины и тянущиеся в ширину в зависимости от размера экрана (их еще называют «резиновыми»). Недостатком фиксированных колонок при их использовании в «резиновом» блоке является то, что может появляться лишнее незаполненное ...
Те мои постоянные читатели, кто заходят на блог, наверняка уже заметили, что его контентная часть несколько преобразилась: во-первых, фиксированная ширина этого блока изменена на динамическую (кстати, на эту тему скоро будет написан пост ...
Данный плагин позволяет стилизовать с помощью CSS следующие HTML-элементы: флажок <input type="checkbox">; переключатель <input type="radio">; поле для выбора файла <input type="file">. поле для ввода чисел <input type="number">. раскрывающийся список <select>; Демонстрация ...
Комментарии (41)
А можно как нить это прикрутить к обратному отсчету,т. е. мне нужно задать сколько осталось до даты, например, 01.01.2015 и он бы показывал и отсчитывал, как это можно сделать?
Как-то, наверное, можно. Нужно дорабатывать скрипт.
Идея — супер.
Вот только я не пойму смысла трех строк:
hou = (hou<10)?0+hou:hou;min = (min<10)?0+min:min;
sec = (sec<10)?0+sec:sec;
По сути — во всех трех случаях при любом условии будут одни и те же значения.
К примеру:
hou = 5 удовлетворяет условие, и будет равняться 0+5 = 5.
если же hou = 11, условие не удовлетворяется, в итоге hou будет равняться всё также 11-ти…
смысл тогда этих трех строк? :)
Нет, ты не прав.
К примеру, время 9 часов, 7 минут и 5 секунд. Оно отобразится вот так: 09:07:05. Если же удалить эти 3 строки, то оно отобразится вот так: 9:7:5.
Как я понимаю, hou, min и sec это не числовые переменные, а строковые, а по сему + означает не сложение чисел 0 и конкретного числа секунд, минут или часов, а конкатенацию этих строк. В общем, учите javascript ;-)
Доброго времени суток. Я совсем новичок в этом деле, поэтому хотел спросить у знатоков) Я скачал ваши часы, но не знаю как поменять размер/цвет и переместить… Пробовал команды:
and. Я явно делаю не то или не так. Помогите пожалуйста.
Размер меняется в трех местах:
1)
widthу.time span2)
widthу.time span. colon3)
widthиheightи.time .colon b, .time span bПри этом ширина у
.time spanдолжна быть обязательно в 5 раз больше ширины и высоты, указанных у.time span. colonи.time .colon b, .time span b.Цвет меняется через параметр
backgroundу.time .colon b, .time span b.Для сдвига нужно использовать margin для
.time.не плохо! я придумал свои часы на javascript и css, ещё не зная про этот сайт
Думаю многие знакомы со временем в javascript, примеры идущих часов на javascript можно поискать в интернете.
Моя фишка в том что использовал @font-face через который можно подгрузить любой стиль. «Электронный» стиль я нашёл на этом сайте xfont.ru/
собственно пример часов можете посмотреть на моём сайте earnings4you.ru/
Спасибо)) приличная работа проделана! Пригодились)
Я вот мучаюсь как бы сделать, чтоб они показывали конкретное время, точнее чтоб задать например московское время и неважно что там у пользователя или на сервере, всегда чтоб показывало именно московское. То есть как бы привязка к часовому поясу.
И ещё вариант чтоб автоматом показывало время относительно часового пояса посетителя. То есть задано например московское время, а посетитель видит какое будет у него в это же время по его часовому поясу.
Вот было бы неплохо, если бы доработать такие варианты…