Время в php и javascript

Простой PHP скрипт,
отображающий текущую дату и время

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

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

Но как Вы могли заметить, у данного примера есть один маленький недостаток — названия месяцев по умолчанию выводятся только на английском языке (в нашем случае это «October»).

Так вот, чтобы при выводе текущей даты месяц выводился на русском языке, можно воспользоваться следующим JavaScript кодом (необходима поддержка браузером JavaScript):

< script type = "text/javascript" >
function rus_date () var d = new Date ();
var month = ‘января февраля марта апреля мая июня июля августа
сентября октября ноября декабря’ . split ( ‘ ‘ )[ d . getMonth ()];
document . write ( d . getDate () + ‘ ‘ + month + ‘ ‘ + d . getFullYear () + ‘ г.’ );
>;

Обратите внимание на то, что две строчки кода, начинающиеся с «var month = ‘января. » и заканчивающиеся «. [d.getMonth()];» следует писать в одну строку, иначе скрипт работать не будет. Просто у нас в одну строчку они не поместились и были перенесены.

Теперь в любом месте Вашего сайта, где необходимо вывести текущую дату, вызываете функцию rus_date() используя следующий код:

Данный JavaScript код можно комбинировать с первым примером для вывода текущей даты (месяца на русском языке) и текущего времени.

Для получения «живых» (идущих) часов предлагаем Вам воспользоваться другим нашим JavaScript кодом, приведенным в теме Скрипт текущей даты и времени.

Источник

Добавить дату и время на сайт

Приветствую Вас, дорогой товарищ! Продолжаем осваивать возможности веб-технологий и попробуем сейчас добавить дату и время на сайт. Сделать это можно несколькими способами. Мы рассмотрим два. Один с использованием PHP, а второй на JavaScript. Давайте начнем с первого. По традиции предлагаю посмотреть на пример.

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

$date = date('d.m.Y H:i'); echo $date; // 28.09.2019 02:29

$date = date(‘d.m.Y H:i’); echo $date; // 28.09.2019 02:29

Выводить дату и время на сайте можно в различных форматах. Это один из самых распространенных. Но можно сделать и по другому. К примеру вывести дополнительно день недели, а так же написать название месяца. делается это так:

$date = 'Сегодня ' . date('d F Y l') . '. Время: ' . date('H:i'); echo $date; // Сегодня 28 September 2019 Saturday. Время: 02:33

$date = ‘Сегодня ‘ . date(‘d F Y l’) . ‘. Время: ‘ . date(‘H:i’); echo $date; // Сегодня 28 September 2019 Saturday. Время: 02:33

Дата и время выводится, но как вы уже заметили, то не совсем так, как нам нужно. Желательно, чтобы название месяца и день недели был на русском. Это небольшой нюанс или даже особенность самого языка. Но решить это можно довольно-таки легко. Мы создадим 2 массива с кириллическими названиями дней и месяцев и тогда все должно работать нормально.

$days = array( 'Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', ); $month = array( 'Января', 'Февраля', 'Марта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря', ); $date = 'Сегодня ' . date('d') . ' ' . $month[(date('n') - 1)] . ' ' . date('Y') . ' года. ' . $days[(date('w'))] . '. Время: ' . date('H:i'); echo $date // Сегодня 28 Сентября 2019 года. Суббота. Время: 02:45

$days = array( ‘Воскресенье’, ‘Понедельник’, ‘Вторник’, ‘Среда’, ‘Четверг’, ‘Пятница’, ‘Суббота’, ); $month = array( ‘Января’, ‘Февраля’, ‘Марта’, ‘Апреля’, ‘Мая’, ‘Июня’, ‘Июля’, ‘Августа’, ‘Сентября’, ‘Октября’, ‘Ноября’, ‘Декабря’, ); $date = ‘Сегодня ‘ . date(‘d’) . ‘ ‘ . $month[(date(‘n’) — 1)] . ‘ ‘ . date(‘Y’) . ‘ года. ‘ . $days[(date(‘w’))] . ‘. Время: ‘ . date(‘H:i’); echo $date // Сегодня 28 Сентября 2019 года. Суббота. Время: 02:45

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

Добавить дату и время на сайт на JavaScript

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

var data = new Date(); var month=new Array(12); month[0]="Января"; month[1]="Февраля"; month[2]="Марта"; month[3]="Апреля"; month[4]="Мая"; month[5]="Июня"; month[6]="Июля"; month[7]="Августа"; month[8]="Сентября"; month[9]="Октября"; month[11]="Декабря"; var weekday=new Array(7); weekday[0]="Воскресенье"; weekday[1]="Понедельник"; weekday[2]="Вторник"; weekday[3]="Среда"; weekday[4]="Четверг"; weekday[5]="Пятница"; weekday[6]="Суббота"; document.write (data.toLocaleString()); // 28.09.2019, 02:50:33 document.write(data.toString()); // Дата: Sat Sep 28 2019 02:50:38 GMT+0300 (Москва, стандартное время) document.write(data.getDate()+ ' ' + month[data.getMonth()]+ ' ' +data.getFullYear()+' года. '+weekday[data.getDay()]+'. Время: '+data.toLocaleTimeString()); // 28 Сентября 2019 года. Суббота. Время: 02:50:45 document.write('Сегодня ' +data.getDate()+ ' ' + month[data.getMonth()]+ ' ' +data.getFullYear()+' года. '+weekday[data.getDay()]+'. Время: '+data.getHours()+ ':'+data.getMinutes()); // Сегодня 28 Сентября 2019 года. Суббота. Время: 02:54

var data = new Date(); var month=new Array(12); month[0]=»Января»; month[1]=»Февраля»; month[2]=»Марта»; month[3]=»Апреля»; month[4]=»Мая»; month[5]=»Июня»; month[6]=»Июля»; month[7]=»Августа»; month[8]=»Сентября»; month[9]=»Октября»; month[11]=»Декабря»; var weekday=new Array(7); weekday[0]=»Воскресенье»; weekday[1]=»Понедельник»; weekday[2]=»Вторник»; weekday[3]=»Среда»; weekday[4]=»Четверг»; weekday[5]=»Пятница»; weekday[6]=»Суббота»; document.write (data.toLocaleString()); // 28.09.2019, 02:50:33 document.write(data.toString()); // Дата: Sat Sep 28 2019 02:50:38 GMT+0300 (Москва, стандартное время) document.write(data.getDate()+ ‘ ‘ + month[data.getMonth()]+ ‘ ‘ +data.getFullYear()+’ года. ‘+weekday[data.getDay()]+’. Время: ‘+data.toLocaleTimeString()); // 28 Сентября 2019 года. Суббота. Время: 02:50:45 document.write(‘Сегодня ‘ +data.getDate()+ ‘ ‘ + month[data.getMonth()]+ ‘ ‘ +data.getFullYear()+’ года. ‘+weekday[data.getDay()]+’. Время: ‘+data.getHours()+ ‘:’+data.getMinutes()); // Сегодня 28 Сентября 2019 года. Суббота. Время: 02:54

На демо странице первый и последний пример сделаны идентично, но следует отметить одну немаловажную деталь. Время в PHP и время в JS может отличаться. Все дело в том, что ПХП берет время с сервера, а JavaScript с вашего устройства, отсюда и разница. Оно может отличаться на несколько часов, в зависимости от часового пояса. Поэтому, если вам нужно вывести дату и время на сайте для пользователя, то лучше использовать JS. А счетчики посещений на серверных языках.

Идущие часы на сайт

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

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>

Читайте также:

Источник

PHP’s time in JavaScript

Here’s what our current JavaScript equivalent to PHP’s time looks like.

module.exports = function time ( ) {
 
// discuss at: https://locutus.io/php/time/
 
// original by: GeekFG (https://geekfg.blogspot.com)
 
// improved by: Kevin van Zonneveld (https://kvz.io)
 
// improved by: metjay
 
// improved by: HKM
 
// example 1: var $timeStamp = time()
 
// example 1: var $result = $timeStamp > 1000000000 && $timeStamp < 2000000000
 
// returns 1: true
 
return Math.floor(new Date().getTime() / 1000)
}

How to use

You you can install via npm install locutus and require it via require(‘locutus/php/datetime/time’) . You could also require the datetime module in full so that you could access datetime.time instead.

If you intend to target the browser, you can then use a module bundler such as Parcel, webpack, Browserify, or rollup.js. This can be important because Locutus allows modern JavaScript in the source files, meaning it may not work in all browsers without a build/transpile step. Locutus does transpile all functions to ES5 before publishing to npm.

A community effort

Not unlike Wikipedia, Locutus is an ongoing community effort. Our philosophy follows The McDonald’s Theory. This means that we don’t consider it to be a bad thing that many of our functions are first iterations, which may still have their fair share of issues. We hope that these flaws will inspire others to come up with better ideas.

This way of working also means that we don’t offer any production guarantees, and recommend to use Locutus inspiration and learning purposes only.

Examples

Please note that these examples are distilled from test cases that automatically verify our functions still work correctly. This could explain some quirky ones.

#	code	expected result
1	var $timeStamp = time() var $result = $timeStamp > 1000000000 && $timeStamp < 2000000000	true

Источник