Как показать текущую дату на сайте?
✭ Скрипт текущей даты для сайта JavaScript и PHP✭
Создание, разработка, изготовление сайтов | WEB-STYDIA.COM

5/51 rating

Привет друзья, многие пользователи мне не однократно задают вопрос "как добавить дату на страницу сайта?", да очень просто, и сегодня я вам это докажу, а чтоб вопросов на эту тему осталось как можно меньше то мы здесь детально и с примерами изучим несколько методов вывода даты на страницы сайта.

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

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

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

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

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

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

Ну а пример отображения вы можете наглядно посмотреть ниже:


! Сегодня

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

Ну что же, давайте начнем с переменной значения даты d, после создадим массивы (Array) для дней (day) и конечно же месяцев (month), задаем нужную нам грамматическую форму: число, падение, Заглавная буква и другие значения которые посчитаете нужным.

В самом конце присутствует строчка (document.write), вот она и выведет нашу дату на экран, но для нее нужно еще добавить несколько простых условий которые укажут что и в каком порядке выводить в строке даты на сайте. Все значения мы отделяем один от другого знаком +. А для того чтоб добавить пробел используем " ", ну и для отображения буквы года (г) используем значение " г.".

Данные о дате выполняет функция get, которая позволяет получить следующие элементы:

  1. getDate() - возвращает число от 1 до 31, число месяца;
  2. getDay() - возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота);
  3. getMonth() - возвращает номер месяца в году;
  4. getFullYear() - возвращает год. Если использовать просто getYear(), то будет выводиться текущий год минус 1900;
  5. get Hours() - возвращает час суток;
  6. getMinutes() - возвращает минуты как число от 0 до 59;
  7. getSeconds() - возвращает число секунд от 0 до 59.

Ну вот собственно и все, теперь вы знаете как добавить дату на свой сайт используя простой код javascript.

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

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

Ну и его вид будет таким:
Как показать текущую дату на сайте?

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

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

А вот так все это будет смотреться:

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

Вас также может заинтересовать

4 комментария

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

Пожалуйста, введите Ваше имя. Пожалуйста, введите действительный адрес электронной почты. Пожалуйста, введите сообщение.