Скрипт текущей даты и времени с использованием библиотеки jQuery для придания скрипту большей универсальности.
Данный скрипт предназначен для того, чтобы посетители вашего сайта могли наблюдать текущую дату и время.
Для отображения текущего времени (идущих часов) на вашем сайте, вам потребуется подключение библиотеки jQuery, если она у вас не подключена:
| 1 2 3 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> |
Скрипт, чтобы не «мешал», вставляете перед закрывающим тегом </body>. Для того чтобы часы шли, здесь же необходимо вставить скрипт генерирования и вывода текущего времени и даты clock() :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script> function clock() { var d = new Date(); var day = d.getDate(); var hrs = d.getHours(); var min = d.getMinutes(); var sec = d.getSeconds(); var mnt=new Array("января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"); if (day <= 9) day="0" + day; if (hrs <= 9) hrs="0" + hrs; if (min <=9 ) min="0" + min; if (sec <= 9) sec="0" + sec; $("#time").html("Сейчас: " + hrs + ":" + min + ":" + sec + "&nbsp;&nbsp;&nbsp;" + day + "-го " + mnt[d.getMonth()] + " " + d.getFullYear() + " г."); } setInterval("clock()",1000); </script> |
Теперь остаётся определиться с местом вывода даты и времени в шаблоне вашего сайта и добавить в это место следующий код:
| 1 2 3 | <span id="time">Дата и время</span> |
Для внешнего вида можно добавить каких-то стилей в файл CSS, например такой стиль:
| 1 2 3 | #time {box-shadow: inset 0 0 5px 1px #23313E;} |
Пример работы скрипта вы можете наблюдать в самом верху правой колонки этого сайта.
Статья была полезной?