Вывод показа текущего времени и даты на web-страницу

Информация, представленная на этой странице ориентирована в первую очередь для начинающих web-мастеров.

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

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

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

Реализация на странице сайта

Создайте новый текстовой документ и дайте ему название, например, date.js. Скопируйте код скрипта из таблицы и вставьте в документ date.js:

obj_hours=document.getElementById("hours");
 
name_month=new Array ("Января","Февраля","Марта", "Апреля","Мая", "Июня","Июля","Августа","Сентября", "Октября","Ноября","Декабря");
name_day=new Array ("Воскресенье","Понедельник", "Вторник","Среда","Четверг", "Пятница","Суббота");
 
function wr_hours()
{
time=new Date();
 
time_sec=time.getSeconds();
time_min=time.getMinutes();
time_hours=time.getHours();
time_wr=((time_hours<10)?"0":"")+time_hours;
time_wr+=":";
time_wr+=((time_min<10)?"0":"")+time_min;
time_wr+=":";
time_wr+=((time_sec<10)?"0":"")+time_sec;
 
time_wr=""+name_day[time.getDay()]+" "+time.getDate()+" "+name_month[time.getMonth()]+" "+time.getFullYear()+" г. Время: "+time_wr;
 
obj_hours.innerHTML=time_wr;
}
 
wr_hours();
setInterval("wr_hours();",1000);

Файл date.js закачайте на сервер сайта в папку со скриптами, обычно она так и называется - js.

В месте вывода показа времени и даты расположите этот код:

<div id="hours">
<script language="JavaScript" type="text/javascript" src="/js/date.js"></script></div>

          Путь к файлу скрипта.

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


меткаЕсли у Вас сайт на PHP, вопрос решается гораздо проще. Вот простой пример кода для вывода даты и времени:

<?php
echo date( "Сегодня d.m.y.  Текущее время H:i" );
?>

Выше представленный код копируйте и вставляйте на страницу сайта на PHP в то место, где планируете вывод даты и времени. Результат выглядит так:

Сегодня 27.07.24. Текущее время 05:47

Капля полезной информации

Чтобы в подвале сайта на PHP в строке Copyright, например, © 2010–2024  site.ru всегда был актуальным текущий год, вместо набора цифр 2024 вставьте следующий код:
<? echo date("Y"); ?>
и в дальнейшем навсегда избавите себя от ручной корректировки.

Вот вся информация по этой теме. Применяйте скрипт на своём сайте и всего Вам самого доброго! Ваш Л.М.


Ваше мнение по материалу, изложенному на сайте




  © 2015–2024  dynamic-site.olerant.ru  L.M. Служба поддержки Яндекс.Метрика