Яркие часы с помощью jQuery и CSS

Содержание

40 CSS 3 и Jquery красивостей для сайта

1. CSS текстовый эффект

Плагин для реализации сменяющихся слов с различными анимированными эффектами. CSS эффект подойдет для реализации промо-сайтов и анимированных баннеров.

2. CSS3 вертикальные и горизонтальные вкладки (табы)

Реализация разбиения содержимого страницы на вкладки (табы) с использованием анимированных CSS3 эффектов. Четыре варианта исполнения: горизонтальные и вертикальные табы с различными анимированными эффектами.

3. Адаптивный jQuery слайдер на основе плагина IMPRESS.JS

Классный слайдер с имитацией 3D эффекта при пролистывании слайдов. При увеличении/уменьшении размера экрана — изменяется размер шрифта, изображений и всех элементов на слайде, что гарантирует корректное отображение при любом расширении экрана. Предусмотрена автоматическая прокрутка.

4. jQuery CSS плагин «Responsive Horizontal Layout»

jQuery решение для создания удобной навигации по разделам документа без перезагрузки страницы. Каждый раздел отображается в отдельном блоке с вертикальной прокруткой, а переход между ними можно осуществить как с помощью клика мыши, так и воспользовавшись заглавием (при большом расширении экранов содержание заглавие отображается с левой стороны, при просмотре сайта на малом экране — сверху документа).

5. HTML5 CSS3 стильная форма авторизации и регистрации

Переключатель между формами авторизации и регистрации с проверкой заполнения полей. Для того, чтобы переключиться на форму регистрации на демонстрационной странице нажмите на ссылку «Join us» снизу формы

6. Плагин «Content Navigator» с применением CSS3

Реализация навигации по содержимому в виде Список категорий → Список разделов → Содержимое раздела. Навигация сопровождается различными JS эффектами.

7. CSS3 слайд-шоу с Parallax эффектом

Пролистывание слайдов осуществляется с Parallax эффектом (движение слоев с различной скоростью, в совокупности создают 3D эффект). Размер слайдера изменяется пропорционально изменению размера окна браузера.

8. Аудио слайд-шоу с использованием jQuery плагина jPlayer

Слайд-шоу с музыкальным сопровождением. Есть возможность ставить на паузу или проматывать музыкальную композицию.

9. Parallax эффект при прокручивании страницы с помощью jQuery и CSS

jQuery решение для реализации 3D эффекта при прокрутке страницы. Вы также можете подробнее почитать по-русски.

10. jQuery плагин для загрузки файлов на сервер «File Upload»

Функциональное свежее решение для загрузки файлов на сервер. Возможна загрузка нескольких файлов одновременно. Подробнее о плагине вы можете прочитать на русском.

11. Своеобразное меню на jQuery и CSS

При выборе пункта меню область с его содержимым раскрывается поверх.

12. Горизонтальное анимированное jQuery меню

Выпадающее горизонтальное меню с интересным jQuery эффектом появления вложенных пунктов.

13. «TimeLine» плагин для хронологического отображения выполненных работ в портфолио

Обалденный jQuery CSS плагин, будет очень полезным дополнением для сайта любой веб-студии или фрилансера. С его помощью можно наглядно отобразить примеры выполненных работ с разбивкой по времени. Внизу отображается сама временная шкала, а сверху выполненные работы. Для перехода между работами можно использовать как шкалу, так и стрелки влево/вправо.

14. Галерея «TouchTouch», оптимизированная для просмотра с мобильных устройств

15. CSS3 слайдер изображений «Cycle Slider»

16. CSS галерея изображений в стиле аккордеон

При клике на название выезжает изображение с описанием. Используется только CSS3.
Урок по созданию галереи [in English].

17. Классные яркие всплывающие подсказки jQuery и CSS3

Всплывающие jQuery подсказки в 7 стилевых оформлениях. Легко подключить и использовать в своих проектах.

18. «jPages» галерея изображений с миниатюрами

Если изображений в галерее больше 5, то появляются стрелки влево/вправо для навигации по фотографиям.

Красивые цифровые часы для сайта c эффектом перелистывания на jQuery

Очень интересные часы, которые можно поставить на сайт. Часы работают с помощью mootools.js , перелистывая картинки с цифрами. Смотрится очень стильно и креативно. Часы в двенадцатиричной системе с функцией показа времени суток (AM/PM).

Данные часы нормально отображаются во всех современных браузерах. Их можно поставить на сайт новостного портала или какого нибудь форума, для того, чтобы посетители сайта всегда знали сколько сейчас время. Очень удобно, когда стоят часы на каком нибудь сервисе букмекерской конторы или тотализатора. Этот скрипт можно использовать и в других областях, например, если его немного допилить, то можно переделать эти часы в плагин обратного отсчета времени. В общем, смотрите «демо», качайте и пользуйтесь на здоровье!

Установка на сайт:

1. Распаковать архив в корень сайта через FTP-менеджер

2. Прописать на всех страницах сайта, где будут работать эти часы в блоке следующий код:

3. Туда, куда вы хотите расположить часы, нужно вставить html код:

*Для начинающих web-разработчиков: css файл под названием style.css скорее всего нужно будет переименовать, допустим, в clock.css и поменять так же строку

Наверняка у вас часы встанут не так, как вам нужно. Все отступы, размеры и так далее вы сможете поменять в css файле style.css (или наш переименованный clock.css). Удачи в начинаниях!

Скачать (142.71 Kb) Demo Отблагодарить Эрика

Цукерберг рекомендует:  Новая телефонная норма

Цифровые часы JQuery и CSS3 с датой!

↓ Также Вам будет интересно ↓

Сегодня мы хотим, создать простые цифровые часы jquery с датой и временем. Сделаем мы это с помощью небольшого скрипта и CSS3 кода. Также мы будем иметь для красивый эффект анимации – моргание двоеточия. Это только начало!

Такие современные часы будут особенно полезны посетителям Вашего сайта, которые всегда будут видеть часы у себя на виду. Ранее мы уже делали часы HTML5 на Canvas. Что же, приступим…

HTML код

Разметка действительно простая, гибкая и легко адаптируется к любым ситуациям, которые могут возникнуть. Создаем div с классом clock – это наша обертка. Далее идет пустой div с классом Date , в который будет записана информация о текущей дате.

И в конце концов неупорядоченный список ul , который будет включать в себя часы, минуты и секунды.

Стрелочные часы при помощи CSS3

Создатели своих веб-ресурсов часто любят устанавливать такие гаджеты как часы, честно я не понимаю смысл в этом, ведь я всегда посмотрю время на часы на руке или на ноуте, но все же такой урок имеет место быть, ведь на каждый товар есть свой покупатель. В данном уроке мы рассмотрим как создать замечательные на вид, на мой взгляд, стрелочные часы. Следует отметить, что данные часы являются экспериментом, и могут не поддерживаться некоторыми браузерами включая ранние версии старого ослика, и так, давайте приступим.

Ключевой особенностью является то, что часы учитывают часовой пояс установлен у Вас на компьютере, а как вы знаете, некоторые используют виджеты в которых уже зафиксирован часовой пояс для определенной страны, то есть получается что я, житель Украины, захожу на русский сайт, и мне отображается русское время, а не украинское. С этими часами все иначе.

Шаг 1. HTML

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

Кроме этого мы добавляем классы со стрелками, как Вы уже поняли, для аналоговых часов у нас будет три стрелки.

Шаг 2. CSS

Нам необходимо определить общие параметры контейнера, кроме этого нам необходимо создать стиль самых часов, для этого мы будем использовать градиентную заливку и тени для эффекта объемности часов. Параметры border-radius позволит нам скруглить углы, установив значение 50% мы получим круг, что и необходимо нам для подложки для часов.

Также мы присвоили стиль для каждой стрелки, каждая из которых будет создавать эффект наложения благодаря теням.

Шаг 3. JS

Здесь все интереснее, кроме того, что нам необходимо считать временной диапазон для часов, ну и установить ход для всех стрелок часов.

Вот и все. Готово!

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru

Статьи по теме CSS3

В этой статье покажу способ создания всплывающего окна на любом сайте. Использовать будем jQuery плагин fancybox. А чтобы добавить смысловой нагрузки статье, вставим в модальное окошко форму отправки письма. Сразу хочу заметить модальные окна на этом плагине работают на всех браузерах. Приступим!

Я уже публиковал урок «Нестандартные Checkbox (RadioButton) без использования JavaScript» . Прекрасные кнопочки, но там используются картинки. В данном примере используется только CSS. Всё очень просто вы вставляете код в свой стиль и получаете стильные, а именно на мой взгляд, в современном стиле кнопки.

Вот и наступила зима, выпал первый снег, и по настоящему чувствуется что скоро наступит новый год, ведь новогоднее настроение уже парит в воздухе. Люди во всю наряжают елки, а веб-мастера стараются украсить свой сайт новогодними украшениями. В данном уроке мы рассмотрим как создать простой эффект снега для сайта при этом мы будем использовать правила JS и немного новогодней магии. У нас будет рондомное падение снега, при этом мы добавим плавности, кроме этого мы добавили эффект глубины с помощью больших и меньших окружностей снежинок.

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

Раскрутка в соцсетях

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

Хотите уникальный сайт? Ознакомьтесь с нашими ценами!

Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка. ПОРТФОЛИО

Верстальщик с большим опытом работы. Занимаюсь созданием сайтов с 2005 года. Постоянно обучаюсь и совершенствую свои навыки. Веду свои проекты, в том числе и данный блог.

Форма обратной связи

Все поля обязательны для заполнения!

Studio Design существует с 2001 года. Основной нашей деятельностью до 2007 года было видеопроизводство ( видеореклама и документальные фильмы, о чем подробно описано в нашем блоге ). С 2007 года, вот уже как лет, наша основная специфика — это создание сайтов для бизнеса или частной деятельности, веб дизайн, а также поддержка и администрирование готовых проектов. Каждая выполненная нами работа — это уникальный, а самое главное, адаптивный под все современные мобильные устройства дизайн сайта. Мы готовы создать сайт с нуля для каждого клиента с любого уголка России! Мы поможем Вам в создании, как одностраничных сайтов – визиток, так и крупных интернет магазинов или корпоративных сайтов. А все наши работы, большинство из которых действуют и по сей день!

Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка.

Верстальщик с большим опытом работы. Занимаюсь созданием сайтов с 2005 года. Постоянно обучаюсь и совершенствую свои навыки. Веду свои проекты, в том числе и данный блог.

Стильные графические часы на CSS3 и jQuery

Очень необычные стильные часики для вашего сайта

Для начала посмотрите ДЕМО

1#: После на нужных страницах вставляйте:

2#: Следующий код в то место, где должны располагаться часы:

Залейте три картинки из прикреплённого архива в папку images, два CSS файла в папку css и два JS файла в папку js

Добавить комментарий Отменить ответ

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Цифровые часы на jQuery и CSS3

Все началось тогда, когда мы наткнулись на этот снимок в dribbble. Нам тут же захотелось преобразовать это в рабочие часы и поделиться ими с читателями. Если вам хочется узнать, как сделать это, продолжайте читать!

Цукерберг рекомендует:  Обучение - Посоветуйте книги по языку C#

Здесь вам не понадобится много HTML-кода. Так как большая часть – названия дней недели и код цифр – генерируется динамически. Представляем вам код, который вам понадобится для того, чтобы использовать часы:

Главный элемент, div #clock, содержит .display, который в свою очередь содержит список дней недели, ярлык AM/PM, иконку будильника и время. Давайте рассмотрим сгенерированную разметку для одной из цифр:

Элемент .digits будет содержать 6 таких div’ов со span-элементами – по одному на каждую цифру. Как видно из представленного выше фрагмента, эти div’ы получают класс от zero до nine (подробнее об этом во второй части), и содержат 7 span-элементов с уникальными классами. Эти span-элементы представляют собой часть цифр как в старых цифровых часах:

Все они полностью оформлены при помощи CSS и уровень непрозрачности (opacity) по умолчанию выставлен на 0. Класс, заданный к их родительскому div-элементу, это именно то, что делает их видимыми. Предлагаем вам CSS-код для ноля:

Все отделения видны за исключением центрального (потому что иначе это будет 8). Мы добавили свойство CSS3 transition ко всем этим span-элементам, которое позволит нам анимировать уровень непрозрачности при смене цифр.

В файле также есть множество другого кода, но о нем мы вам рассказывать сейчас не будем. Нам кажется, что лучше всего изучать CSS посредством редактирования в реальном времени при помощи Firebug, Inspector в Chrome, либо при помощи инструментов разработчиков в вашем любимом браузере.

Чтобы наши часы заработали, нам нужно использовать jQuery, чтобы сгенерировать разметку для каждой цифры, и выставить таймер на обновление классов каждую секунду. Чтобы облегчить нашу жизнь, мы воспользуемся библиотекой moment.js , чтобы компенсировать отсутствие родных функций javascript – date и time.

Самый важный фрагмент данного кода – это функция update_time. Внутри нее мы получаем текущее время в виде строки, и используем его для заполнения элементов часов, а также выставляем нужные классы для цифр.

На этом наши цифровые часы завершены! Следите за новостями, так как в последующих частях мы займемся разработкой функционала для будильника, мелодии которого будут воспроизводиться при помощи HTML5 audio!

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Создаем анимированные часы/таймер при помощи CSS и jQuery

В этой статье, мы расскажем вам, как создать красочные и анимированные jQuery/CSS часы в стиле “Halo”, которые помогут вам следить за драгоценным временем.

Шаг 1 – XHTML

Как обычно, мы начинаем с разметки XHTML. Хитрость состоит в том, что XHTML не содержится в demo.html, но динамически вставляется в страницу с помощью jQuery.

Это избавляет нас от необходимости вручную вводить блоки кода для каждого из циферблатов (их у нас три: для часов, минут и секунд). В этом разборе кода мы будем предполагать, что дисплеи у наших часов будут трех разных цветов, но в демо-версии я упростил все до одного цвета. Просто мне так больше нравится! ))

Давайте взглянем на XHTML, который вставляется jQuery:

Этот код содержится в jquery.tzineClock / jquery.tzineClock.js. Он генерируется три раза: первый для часов, второй для минут, и третий для секунд. Затем, они анимируются и обновляются каждую секунду.

Существуют три класса, которые присваиваются самому верхнему контейнеру в процессе генерации – зеленый, синий и красный. Мы меняем цвет циферблата путем присвоения того или инного класса.

Переходим к следующему шагу…

Шаг 2 – CSS

Прежде, чем наши стили будут иметь какое либо влияние на страницу, мы должны включить их в head часть нашего файла:

demo.html

Эти строки кода, импортируют styles.css и jquery.tzineClock.css на страницу. Первый, стилизует демо страницу, а второй, красочные циферблаты (они являются частью плагина).

Теперь мы можем более внимательно взглянуть на правила CSS:

styles.css

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

Затем, мы стилизуем body страницы и fancyClock div, в который, мы позже вставим три циферблата. Также центрируем его на экране за счет абсолютной позиции и смещения величины margin.

jquery.tzineClock.css

jquery.tzineClock.css является частью нашего плагина (наряду c jquery.tzineClock.js) и он стилизирует красочные циферблаты . Контейнер #fcbg является нашей подложкой под циферблаты и показывает границы циферблата.

Одним из наиболее интересных моментов, является использование отдельных правил для стилизации цвета циферблатов.

Шаг 3 – jQuery

Перенос всего JavaScript в плагин делает очень легким повторное использование кода, и в то же время позволяет нам использовать возможности jQuery селекторов и методов.

Чтобы была возможность использовать jQuery библиотеку, мы сначала должны, включить пару скриптов в страницу:

demo.html

Первым файлом, является сама библиотека, включена из Google CDN. Затем, у нас есть плагин и скрипт-файл, который запускает демо.

script.js

Давайте копнём немного глубже в плагин:

jquery.tzineClock.js – Часть 1

Создание плагина для jQuery сводится к определению пользовательской функцию с помощью метода jQuery.fn. Таким образом, ваша функция доступна на любых элементах, которые вы обычно используете на jQuery.

Например, в script.js, мы выбираем div ширину id fancyClock и используем tzineClock () метод: $ (‘# FancyClock’) tzineClock ();. Элементы, которые мы выбрали, позже передаются tzineClock функции и доступны через “this” свойство.

Поскольку, там может быть выбран более чем один элемент, мы извлекаем только первый из множества с помощью eq(0) метода. Позже, у нас есть setUp() функция, которая вставляет разметки для циферблатов и настраивает интервал, который будет обновлять цифры каждую секунду.

jquery.tzineClock.js – Часть 2

Последние две функции, используемые плагином, это animation и rotateElement. Первая функция обновляет циферблат, в соответствии с переданными значениями (мы также передаем параметр с максимальным значением, для того, чтобы функция могла вычислить вращение).

Вторая функция – вращает переданный элемент. Вращение работает только для Firefox, Safari, Chrome и IE6 +. Internet Explorer не поддерживает CSS3 rotation, используемый другими браузерами, но предоставляет фильтр, который позволяет сделать подобное преобразование.

На этом, наши красочные часы jQuery готовы! Высоких вам конверсий!

Множество различных jQuery примеров , элементы CSS
и большое количество других инструментов для Вашего сайта !

Подборка самых популярных WordPress плагинов для любого сайта.

Здесь вы сможете скачать различные jQuery скрипты для любых проектов.

Бесплатно скачать CSS3 наработки с различными эффектами анимации.

Можно скачать файлы HTML5 с современными возможностями разработки.

Множество различных free PSD объектов для WEB-дизайна.

Колекция различных элементов form jQuery для вашего сайта.

Цукерберг рекомендует:  Сервисы рассылок для вашего сайта

Бесплатно скачать иконки для сайта в форматах PSD, PNG и так далее.

Коллекция всегда обновляющихся модальных окон на jQuery.

Разные примеры jQuery validate собраны в одном месте сайта.

Симпатичные варианты реализации ваших jQuery gallery.

Большой сборник широкоформатных и адаптивных jQuery slider`ов.

Ишите примеры реализации jQuery scroll? Это то, что вам нужно.

Красивые и динамичные всплывающие подсказки на jQuery и CSS3.

Интересные материалы на тему веб разработок, главные новости.

Подобрка плагинов Javascript, библиотек, фреймворков и т.д.

Коллекция потрясающих примеров анимации для вашего сайта.

Модернизация элементов форм, создание систем автозаполнения

Плагины для выбора и настройки даты и времени в формах

Предзагрузчики, анимация загрузки, перлоадеры и т.д.

Компоненты, содержащие в себе реализацию параллакс-эффекта.

Создание вкладок, оформление списков в удобную навигацию.

Все, что касается таблиц с данными: фильтр, сортировка и т.д.

Наработки SVG-графики и наложение на нее анимации. Просто красиво.

Отрисовка элементов на веб-странице с помощью html5 canvas.

Примеры элементов, которые реагируют при наведении на них.

Плагины для фото и видео галерей, способные приблежать контент.

Кнопки. Создание красивы и незабываемых кнопок для сайта.

Все, что касается сортировки данных на странице. Плагины html5.

Выборка данных. Множество примеров jQuery select.

Различные способы создания красивого и эффектного меню для сайта.

Дерево элементов. Построение множественных списков на странице.

Примеры объектов в трехмерном пространстве с помощью CSS3 и jQuery.

Digital Clock — просто электронные часы на jQuery

Источник

Классические электронные часы на jQuery. Оптимизированы под любые экраны и браузеры. Отлично подойдут на замену стандартным часам javascript.

Смотрите также:

SEO-продвижение

Автоматическое продвижение сайта в TOP.

Если Вы нашли ошибку в тексте, пожалуйста, выделите область и нажмите Ctrl + Enter.

Последняя версия jQuery:

Небольшое руководство по тому, как скачать самую актуальную версию библиотеки jQuery, а также рекомендации по подключению скрипта.

Темные цифровые часы для сайта на CSS

Вашему вниманию темные цифровые часы, которые вы можете реализовать по установки на своем сайте, где работают на плагине Vue.js. Что будет выводить знаки как текущая дата и безусловно время в онлайн режиме. При установке вам нужно будет прописать код и стили и подключить библиотеку Vue.js. Это может выбранное вами место или сделать на отдельной странице, где на весь монитор будет.

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

Переходим к установке:

HTML код ставим там где считаете нужным.

ZORNET.RU — Сайт для uCoz

Теперь нужно подключить библиотеку Vue.j

Здесь же ниже ставим скрипт, который отвечает за функциональность.

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

#clock <
font-family: sans-serif;
color: #ffffff;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #daf6ff;
text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
>

#clock .time <
letter-spacing: 0.05em;
font-size: 80px;
padding: 5px 0;
>

#clock .date <
letter-spacing: 0.1em;
font-size: 24px;
>

#clock .text <
letter-spacing: 0.1em;
font-size: 12px;
padding: 20px 0 0;
>

На этом установка закончена, что только добавлю, они отлично смотрятся как на светлом или темном фоне.

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

Часы для сайта

Здравствуйте, сегодня рассмотрим следующий вопрос – как создать часы на своем сайте с помощью кода (javascript, php).

Скачать исходники для статьи можно ниже

Часы с помощью javascript.

1. Обычные цифровые часы.

Для проверки, того как работает данный скрипт – разместите вышеуказанный код в текстовой виджет wordpress – то есть заходим в панель управления вордпресс, в левом меню выбираем пункт “Внешний вид” и его подпункт “Виджеты”, ищем виджет с названием “Текст” – переносим его в нужный сайдбар (виджет) справа и вставляем наш код часов.

Если вы задались вопросом “Как вставить javascript на сайт – то советую прочитать мою предыдущую статью об этом.

2. Еще один скрипт часов, позволяющих отображать время как в 12 часовом, так и в 24 часовом формате.

Если хотите, чтобы часы показывали в 12 часовом формате, то в строке var format – должна стоять “1”, если в 24 часовом – то “0”.

3. Часы, цифры которых выставляются с помощью картинок, которые вы можете сами нарисовать и вставить в скрипт – интересное решение.

Данный скрипт использует 14 изображений для отображения часов:

Скачать изображения для часов – clockimages.zip

Вы можете создать и использовать свои собственные изображения!

Изображения нужно загрузить в тот же каталог – где находится файл, использующий данный скрипт.

4. Часы со стилями

После чего в файле стилей (в wordpress – файл style.css) прописываем оформление часов:

Можете сами поменять оформление стиля – ничего сложного нет, так:

background-color – отвечает за цвет фона часов.

color – за цвет цифр.

font – за стиль цифр.

Часы с помощью PHP.

1. Простые цифровые часы

Данные часы показывают текущее время на момент открытия странички, после чего нужно обновить страничку, чтобы узнать точное время.
Данный скрипт показывает точное московское время.

Если вы хотите, чтобы показывалось время по гринвичу оставьте следующей код:

PS: Также советую прочитать одну из моих предыдущих статей, где вы найдете лучшую коллекцию flash часов для сайта.

Также интересная статья про создание часов с помощью css и javascript на английском языке – “graphicdesignlanka.blogspot.ru/2013/01/top-12-analog-and-digital-clocks-using.html”

Похожие записи:

Часы для сайта : 5 комментариев

Долго искал часы на сайт нужны были простенькие, нашел только у вас точно такие какие мне и нужно, даже сам хотел написать, делаю сайт в виде газеты, новостной, но на Юкозе, еще добавить хочу что к часам применимы шрифты, часы под номером 1 у вас сверху поставил вот такие шрифты на них прикольно получилось попробуйте сами:
ТУТ ПОЛНЫЙ КОД ЧАСОВ

font-family:Georgia,Times New Roman,Times,serif,Tahoma;font-size:12px

ТУТ НЕОТОБРАЖАЕТСЯ СКАЖУ ПО РУССКИ В ДИВ МАССИВ ИХ И СТАЙЛ – ШРИФТЫ КОД ЧАСОВ И ДИВ ЗАКРЫВАЕМ

Спасибо за код. Работает на сайте администрации Туношны!

Спасибо за статью!
Кстати у яндекса был более интересный вариант. в виде аналоговых часов и с датой :)
можно ли его переделать под себя – не знаю..

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих