Скрипт: Простые электронные часы
Автор: Андрей Краснокутский
Дата: 2011-02-19 Электронные часы на Вашем сайте
С помощью этого скрипта Вы можете запустить на своём сайте или блоге электронные часы. Согласитесь, что дополнительные сервисы и удобства, всегда повышают доверие посетителей к Вашему сайту.
Пример работы часов можно посмотреть здесь.
И так, вот что Вам нужно добавить на свой сайт:
В коде web-страницы, на которой Вы хотите разместить часы, между тегами <head> и </head> нужно вставить следующий код Листинг 1:
Листинг 1.
<script language="JavaScript"> function clock() { day = new Date(); clock_screen = day.getHours()+":"+day.getMinutes()+":"+day.getSeconds(); document.getElementById('watch').innerHTML=clock_screen; refresh = setTimeout("clock()", 100);}</script>
| |
В открывающий тег <body> добавляем свойство onload="clock();" Должно получиться вот так:
<body onload="clock();">...</body>
В том месте web-страницы, где Вы хотите вывести часы, добавляем следующий код:
<div id="watch"></div>
Всё, сохраняем, обновляем и видим вот такие электронные часы.
Скрипт берёт системное время из операционной системы компьютера, а это значит, что не нужно заботиться о часовых поясах, показания часов в любой стране будут правильными, если конечно у пользователя выставлено правильное время на компьютере.
Используя стили CSS (каскадную таблицу стилей) часам можно придать любой внешний вид изменив вид цифр, размер, цвет и т.д.
Всего Вам доброго.
Читайте так же:
Регистрация нового сайта (блога) в поисковых системах.
Создание электронных книг по Вашим заказам.
Почтовая Рассылка - Главный инструмент Интернет-Бизнесмена.
Скачать бесплатно коллекцию Смайлов № 2.
Как заработать на электронных книгах?
Делаем footer (нижний графический элемент) для сайта в программе Photoshop.
Просмотров: 19204
Очень полезная и интересная тема - скрипты.
Андрей, спасибо Вам за обновления и интересные материалы!
Так держать!
Андрей! Попробовал часы, они тоже работают!
Спасибо за интересные скрипты!
Очень полезно. Но есть одно но - при значениях времени до десяти вначале лучше было бы добавить нули. например в данный момент скрипт выводит значение 9:21:5
а лучше выглядело бы 9:21:05
А как можно сделать часы на сайт с графическим индикатором?
А как сделать двое часов чтобы казали время из других часовых поясов?
Посоветуйте как поступить, скопировал скрипт, вставил , а он не отображается. Почему?
|