Идеально простой способ установки даты и текущего времени на сайт

Публикация размещена: 20-12-2017  Просмотров: 238 

Идеально простой способ установки даты и текущего времени на сайт

Скрипт достаточно простой, инструкция по его размещению и настройке лежат в прилагаемом к архиву описании (скачать ниже).

Данный вариант скрипта не отнимает дополнительных ресурсов при загрузке сайта. Распознание кода скрипта происходит на уровне функционала любого браузера и операционной системы, которые использует посетитель вашего сайта.

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

Коротко о настройках:

Прописать в head:
<link href="scripts/style.css" rel="stylesheet">

Вставить в то место на сайте, где будет отображаться дата и время:

<div id="hours">
<script language="javascript" type="text/javascript" src="ПУТЬ К СКРИПТУ/scripts/date.js"></script>
</div>

Включить стиль отображения в существующий CSS файл или создать новый:
#hours {
text-align: center;
font-size:24px;
color:#0B6CA9;
margin-top: 300px; /* отступ сверху */
/* margin-left: 25px; отступ слева */
/* margin-right: 20px; отступ справа */
/* margin-bottom: 15px; отступ снизу */
text-shadow: -1px 0 1px white, 0 -1px 1px white, 0 1px 1px white, 1px 0 1px
white, 0 0 8px white, 0 0 8px white, 0 0 8px white, 2px 2px 3px black; /* стиль
текста можно удалить */
}

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

Скачать скрипт установки даты и времени на сайт: time.zip [2,68 Kb] (cкачиваний: 6)
Вы просматриваете: » » Идеально простой способ установки даты и текущего времени на сайт