Як показати поточну дату на сайті?
Скрипт поточної дати для сайту 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 код:

і в потрібне бажане місце сайту додамо сам годинник:

А ось так все це буде виглядати:

Ну ось тепер сміливо можу ставити крапку, тепер ви знаєте як додавати і показувати дату і час на своєму сайті.
Користуйтеся на здоровя.

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити коментар

Будь ласка, введіть Ваше ім'я. Будь ласка, введіть адресу електронної пошти. Будь ласка, введіть повідомлення.