Сейчас: 03:44:45   20-го апреля 2024 г.
UsefulScript.ruСкриптыДата и времяТекущая дата и время
255
1021

Скрипт текущей даты и времени (идущие часы)

Для того, чтобы посетители и пользователи Вашего сайта могли наблюдать текущую дату и время, воспользуйтесь нашим простым JavaScript кодом, приведенным чуть ниже. Для этого необходимо сначала на JavaScript описать в начале Вашей странички функцию генерирования текущего времени и даты clock() следующим образом:

JavaScript код:
<script type="text/javascript">
function 
clock() {
var 
= new Date();
var 
month_num d.getMonth()
var 
day d.getDate();
var 
hours d.getHours();
var 
minutes d.getMinutes();
var 
seconds d.getSeconds();

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

if (
day <= 9day "0" day;
if (
hours <= 9hours "0" hours;
if (
minutes <= 9minutes "0" minutes;
if (
seconds <= 9seconds "0" seconds;

date_time "Сегодня - " day " " month[month_num] + " " d.getFullYear() +
" г.&nbsp;&nbsp;&nbsp;Текущее время - "hours ":" minutes ":" seconds;
if (
document.layers) {
 
document.layers.doc_time.document.write(date_time);
 
document.layers.doc_time.document.close();
}
else 
document.getElementById("doc_time").innerHTML date_time;
 
setTimeout("clock()"1000);
}
</script>

Далее в заданном месте Вашей странички (там, где будет выводиться дата и время) необходимо добавить следующий HTML код:

HTML код:
<span id="doc_time">
 
Дата и время
</span>

После этого необходимо запустить нашу функцию генерации и отображения текущей даты и времени следующим образом:

JavaScript код:
<script type="text/javascript">
 
clock();
</script>

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


Если Вам необходимо показывать статичное время (время, когда была сгенерирована странички), то рекомендуем Вам воспользоваться скриптом попроще, приведенным в теме Простой PHP скрипт, отображающий текущую дату и время.

Дата создания: 23:44:17 04.07.2011 г.
Дата обновления: 13:04:59 09.10.2012 г.
Посещений: 120844 раз(а).

Комментарии посетителей (50 шт.):
Александр
19
# 2
(23:56:47  23.07.2011 г.)

Спасибо, очень пригодилось.
Раньше использовал date("d F Y"), но этот скрипт то что надо!
Ответить

Дмитрий
8
# 8
(14:25:45  11.09.2011 г.)

Спасибо за код, все получилось!
Ответить

Виктор
12
# 9
(11:45:52  21.09.2011 г.)

Все получилось, хотелось бы только цвет поменять.
Ответить

Ольга
3
# 45
(20:50:20  19.12.2011 г.)

Огромное спасибо за скрипт, но так утомительно его добавлять на каждую страничку! :)
Ответить

Administrator
4
# 46
(21:06:25  19.12.2011 г.)

Ольга, добавьте скрипт в какой-либо подгружаемый файл, либо создайте новый (например, time.php).
А на странички добавляйте только строчку: "<?php include "time.php"; ?>".
Ответить

Дмитрий
1
# 3568
(08:54:26  17.11.2016 г.)

В шаблон один раз надо располагать, а не на каждую страницу :-)
Ответить

Андрей
0
# 146
(15:43:24  15.05.2012 г.)

Возникла очень большая проблема с отображением, пожалуйста, помогите. Используя Ваш скрипт, попытался вывести его на странице, но возникают затруднения с отображением в firefox, при этом хром понимает и отображает. В чём может быть беда?
Ответить

Валерий
-1
# 247
(16:53:32  04.08.2012 г.)

Друзья подскажите, как сделать, или переделать этот скрипт, чтобы он выводил с понедельника по пятницу - "Мы работаем", а в субботу и воскресенье - "Выходной"?
Мне нужна примерно такая строка: | Мы работаем до 19-00 Текущее время 15:26:15 |
Ответить

Administrator
2
# 248
(17:04:32  04.08.2012 г.)

Валерий, тут можно использовать PHP код, который гораздо проще:
<?php
if (date("D")=="Sat" or date("D")=="Sun") echo "Выходной";
else echo "Мы работаем"; ?>
Для получения строки как Вы показали Выше, просто используйте оба кода. Для этого используйте <span id="doc_time"></span> сразу после закрывающего тега "?>".
Ответить

Сладкая булочка
0
# 4753
(18:12:48  18.11.2020 г.)

<?= setTime($time . '<br />' . ShowDataType())
Ответить

Виталий
1
# 272
(18:39:15  26.08.2012 г.)

Здравствуйте! Я установил javascript - показывает текущую дату и время в браузере Internet Explorer v6. А вот в браузере Mozilla Firifox 12 не показывает дату и время (скрипт не работает) - почему так происходит?
Ответить

Administrator
0
# 273
(19:16:41  26.08.2012 г.)

Виталий, попробуйте заменить строчку else doc_time.innerHTML = date_time;
на else document.getElementById("doc_time").innerHTML = date_time;
P.S. Код в статье подправил.
Ответить

Виталий
1
# 274
(22:48:39  26.08.2012 г.)

Спасибо! Теперь скрипт работает в Mozilla Firifox 12!
Ответить

Игорь
1
# 336
(22:57:37  07.10.2012 г.)

А цвет даты и часов можно как-то поменять?
Пробовал: <span style="color:green">Дата\Время</span>
Также пробовал: <span style="color: #00ff00;">Дата\Время</span>
Эффекта не дало, хотя по идее должно было.
Но даже если невозможно, все равно спасибо за Ваш готовый скрипт!
Ответить

Administrator
0
# 337
(23:19:22  07.10.2012 г.)

Игорь, странно, что у Вас не меняется цвет, у нас все работает корректно.
А куда Вы потеряли id="doc_time"?
Попробуйте сделать так:
<span id="doc_time" style="color:green;">Дата\время</span>
Ответить

Игорь
-1
# 339
(01:02:15  08.10.2012 г.)

Вот бы ещё добавить дни недели к этому скрипту, то вообще цены бы этому скрипту не было!
Пробовал переносить, и подставлять коды из скрипта: "Простого численника", к этому, но в итоге, только портил данный скрипт. Вот с этой частью у меня проблемы: Day=new Array("Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота");
Не знаю, чем её закончить, чтобы всё сработало, и было бы два скрипта в одном.
Ответить

Administrator
0
# 340
(12:48:55  08.10.2012 г.)

Игорь, немного подумав, создал тему <a href="current_time_new.php">Текущая дата, день недели и время на JavaScript</a>, в которой все сделал именно так, как Вам надо. Пользуйтесь на здоровье.
Ответить

Дмитрий
6
# 557
(15:00:56  21.01.2013 г.)

Скрипт хороший, но проблема в том, что он берет время с компа пользователя. Если я меняю время на своей машине, то на сайте оно меняется моментально. Можно ли как-то настроить этот скрипт, чтобы он брал время с сервера?
Ответить

Administrator
0
# 563
(20:11:14  22.01.2013 г.)

А зачем грузить свой сервер частыми и "бесполезными" обращениями к нему? Тем более мы не знаем, какой у посетителя часовой пояс и если он живет в Минске, то зачем ему Московское время?
Ответить

Игорь
5
# 899
(17:22:55  29.05.2013 г.)

Затем чтобы он знал, стоит ли звонить из Минска в фирму в Москве, если рабочий день в Москве закончен, а время в Минске он узнает, скосив глаза вниз на мониторе.
Ответить

Юрий
-1
# 1013
(17:13:51  02.08.2013 г.)

Здравствуйте! Очень понравился Ваш сайт! А не могли бы Вы дать код посекундного таймера обратного отсчёта, который начинается с одной минуты, через минуту обнуляется и начинается сначала?
Ответить

Administrator
0
# 1016
(13:54:22  03.08.2013 г.)

Даже не знаю, где его можно применить... Держите - Таймер обратного отсчёта времени на JavaScript.
Ответить

Максим
0
# 1069
(10:57:58  30.08.2013 г.)

А можно ли как то подгружать из файла ближайшие мероприятия, допустим ниже даты.
Ответить

Administrator
0
# 1071
(20:19:12  30.08.2013 г.)

Для этого, наверно, лучше подойдет PHP. JavaScript не работает с файлами. В данном коде JavaScript нужен только для того, чтобы время на часах обновлялось онлайн.
Ответить

Алексей
0
# 1240
(21:56:53  25.10.2013 г.)

Добрый вечер. Заранее извините за такой вопрос. Обычно код php у меня на файлах и подключаю его на страницы методом require_once. Вопрос - есть ли такая возможность и как это делается по аналогии с JavaScript.
Ответить

Administrator
0
# 1241
(23:02:31  25.10.2013 г.)

Возможность такая есть и реализуется довольно просто. Поместите весь JavaScript код (за исключением тегов <script type="text/javascript"> и </script>) в новый файл с расширением .js (например, time.js). Подключать внешний файл следует так: <script type="text/javascript" src="time.js"></script>
Ответить

max
0
# 1975
(21:58:57  17.10.2014 г.)

Ребята помогите мне на сайт поставить. Я всяко пробую, не выходит.
Ответить

Administrator
0
# 1976
(22:12:58  17.10.2014 г.)

А что тут может не выходить? Просто скопируйте три приведенных участка кода и все.
Ответить

max
0
# 1994
(09:45:43  26.10.2014 г.)

Подскажите, как быть с переводом на зимнее время?
Ответить

Administrator
0
# 1995
(12:04:31  26.10.2014 г.)

JavaScript код берет время с компьютера пользователя, так что тут все зависит от конечного пользователя.
Ответить

max
0
# 2011
(15:46:59  29.10.2014 г.)

Спасибо, все заработало. Не могли бы вы написать скрипт расчета времени восхода-захода Солнца?
Ответить

Administrator
0
# 2014
(22:44:27  29.10.2014 г.)

Тут не нужно писать скрипт. Тут надо наполнять базу с датами и временем восхода и захода для конкретного города. Далее всего один MySQL запрос на вывод времени в зависимости от города и дня.
Ответить

Алекс Бад
0
# 2338
(20:16:43  15.03.2015 г.)

Вместо текста знаки вопроса, что не так? Заранее спасибо!
Ответить

Administrator
0
# 2340
(20:30:58  15.03.2015 г.)

Проблема, скорее всего в кодировке файла. Попробуйте сохранить php файл в кодировке UTF-8.
Ответить

Владимир
2
# 2349
(14:13:39  24.03.2015 г.)

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

Вячеслав
0
# 2807
(09:21:34  03.11.2015 г.)

Спасибо создателю таких нужных скриптов, а вот вопрос, на сайте нужно разместить опросник и чтобы пользователи отвечая нажимали на вопрос. Выполнимо ли это?
Ответить

Administrator
0
# 2808
(16:48:17  03.11.2015 г.)

Геннадий
0
# 2932
(15:22:30  29.12.2015 г.)

Здравствуйте.
Подскажите, как сделать так, чтобы дата выводилась в двух местах на странице, например, вверху и внизу.
Ответить

Administrator
0
# 2934
(22:11:27  29.12.2015 г.)

Создайте еще один элемент с id="doc_time2", а в скрипте замените строчку:
else document.getElementById("doc_time").innerHTML = date_time;
на две такие:
else { document.getElementById("doc_time").innerHTML = date_time;
document.getElementById("doc_time2").innerHTML = date_time; }
Ответить

Артём Эдуардович
0
# 3201
(09:59:51  04.05.2016 г.)

Сделал себе его таким образом: "04 мая 2016 | 09:57:37"
Подскажите, что и где в коде дописать чтобы отображались ещё и дни недели, пример:
"(Понедельник) 04 мая 2016 | 09:57:37"
Ответить

Митяй
1
# 3826
(10:35:58  10.04.2017 г.)

Нужно в скрипт добавить строчки:
var week = d.getDay();
days=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Cуббота");
и изменить строку:
date_time = "Сегодня: " + days[week] + "<br>" + day + " " + month[month_num] + " " + d.getFullYear() + " года<br>Время: "+ hours + ":" + minutes + ":" + seconds;
Ответить

nazarpunk
1
# 4214
(19:17:05  30.12.2017 г.)

Скрипт выводит системные часы. А если они неверны?
Ответить

Руслан
0
# 4270
(13:27:24  30.03.2018 г.)

Добрый день. Хочу создать баннер с онлайн датой и временем 1280х200 для платежного терминала. Как сделать через GIF анимацию?
Ответить

Владимир
0
# 4424
(18:35:25  26.02.2019 г.)

Пожалуйста, как выровнять по центру страницы этот таймер? Спасибо.
Ответить

Administrator
0
# 4426
(20:14:50  26.02.2019 г.)

Поместите <span id="doc_time">... внутрь любого блочного элемента (например, div) с выравниванием по центру.
Ответить

Константин
0
# 4474
(15:57:11  01.06.2019 г.)

Спасибо автору. Сижу, изучаю, сам от программирования далёк, но очень полезная фенечка получается.
Ответить

Мила
0
# 4495
(13:54:54  22.07.2019 г.)

Здравствуйте. Подскажите, как добавить этот скрипт в конструктор сайтов. В частности, эти коды куда добавляются? <span id="doc_time">Дата и время</span>

<script type="text/javascript"> clock(); </script>
Ответить

Вадим
3
# 4539
(00:24:48  02.11.2019 г.)

А как сделать так чтобы этот скрипт показывал всегда московское время?
И еще хочу сделать блок, чтобы показывал время UTC. Как это реализовать?
Ответить

Petr V
0
# 4741
(17:03:10  06.10.2020 г.)

Честно, у меня ума не хватило довести до логического конца эту идею. Спасибо Вам.
Ответить

Александр
0
# 4773
(14:03:48  24.12.2020 г.)

Весь скрипт уже не работает давно в IE11 и прочих новых браузерах. Проверил, что он работает только в режиме эмуляции IE8-IE10.
Ответить

Закрыть
Ваше имя:
211 + 4 =
Добавить комментарий:
Ваше имя:
211 + 4 =

Перед публикацией все комментарии проходят обязательную модерацию!

Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Посетителей онлайн: 5

Мешает ли Вам реклама?