PHP и JavaScript: Вывести текущую дату и время

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

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

Ну что же давайте приступим и вы убедитесь в том что вставить дату на страницу сайта очень легко, особенно когда есть примеры создание скрипта даты. И так первым пунктом мы разберем несколько вариантов дата на сайте с использованием простых стандартных методов JavaScript.

Первый вариант отображения даты на сайте с использованием JavaScript:

<script language="javascript" type="text/javascript">
var d = new Date();

var day=new Array("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");

var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");

document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()]
+ " " + d.getFullYear() + " года");
</script>

Это самый простой способ добавить дату на сайт, просто вставьте данный код даты в нужное место на вашем сайте.

Пример как он будет смотреться на сайте: Четверг 7 октября 2021 года

Хорошо, теперь давайте рассмотрим второй вариант вывода даты на сайте с использованием JavaScript только условие зададим немного посложнее:

<script type="text/javascript">
  day = new Date(); hour = day.getHours(); if (hour>=5 && hour<12) greeting = "Доброе утро!"; else { if (hour>=12 && hour<18) greeting = "Добрый день!"; else { if (hour>=18 && hour<24) greeting = "Добрый вечер!"; else { if (hour>=0 && hour<5) greeting = "Доброй ночи!"; } } } document.write(greeting);
</script>

<span>Сегодня:</span>

<script type="text/javascript">
  var d = new Date();
  var day=new Array("Воскресенье","Понедельник","Вторник",
  "Среда","Четверг","Пятница","Суббота");

  var month=new Array("января","февраля","марта","апреля","мая","июня",
  "июля","августа","сентября","октября","ноября","декабря");

  document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()]
  + " " + d.getFullYear() + " года");
</script>

Наглядно: Добрый день! Сегодня: Четверг 7 октября 2021 года

Но мы не останавливаемся, и перейдем к следующему нашему пункту, Дата и время на PHP. Сейчас мы рассмотрим самый простой код PHP при помощи которого и будем выводить дату на сайте.

Итак чтобы получить дату в php на свой сайт используем следующий код:

// Дата по-русски
function getDateRus(){
  $monthes = array(
    1 => 'Января', 2 => 'Февраля', 3 => 'Марта', 4 => 'Апреля',
    5 => 'Мая', 6 => 'Июня', 7 => 'Июля', 8 => 'Августа',
    9 => 'Сентября', 10 => 'Октября', 11 => 'Ноября', 12 => 'Декабря'
  );
  return ( (int)date('d') . ' ' . $monthes[(date('n'))] . date(' Y'));
}

// День недели по-русски
function getDayRus(){
  $days = array(
    'Воскресенье', 'Понедельник', 'Вторник', 'Среда',
    'Четверг', 'Пятница', 'Суббота'
  );
  return $days[(date('w'))];
}

echo "Добрый день! ";
echo "Сегодня: ";
echo getDayRus();
echo " ";
echo getDateRus();
echo " ";
echo "года, ";
echo "<br>";
date_default_timezone_set("Europe/Moscow");
echo "московское время " . date("G:i");

Часовые пояса в PHP

Наглядно: Добрый день! Сегодня: Четверг 7 октября 2021 года, московское время 12:00

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

<script type="text/javascript">
function startTime()
{
var tm=new Date();
var h=tm.getHours();
var m=tm.getMinutes();
var s=tm.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('timer').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}
function checkTime(i)
{
if (i < 10)
{
i="0" + i;
}
return i;
}
</script>

И в нужное желаемое место сайта добавим сам вывод часов:

<body onload="startTime()">
<div id="timer"></div>
</body>

Простой вариант

<script type="text/javascript">
var monthNames = new Array( "Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь");
var now = new Date();
thisYear = now.getYear();
if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem
document.write(monthNames[now.getMonth()] + " " + now.getDate() + ", " + thisYear);
</script>