Дата и время на сайт




Если вам на странице нужно показать текущее время и дату, то данный скрипт как раз для вас.

Чистый javascript, так что легко может быть установлен как на отдельную страницу в любом месте, так и на весь сайт.

Скрипт устанавливается в самом конце страницы или в файле header.php.

<script>
function clock() {
var d = 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("01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12");
if (day <= 9) day = "0" + day;
if (hours <= 9) hours = "0" + hours;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
date_time = day + "." + month[month_num] + "." + d.getFullYear() + " г.   "+ 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 и скрипт запуска.

Можно и их прописать в конце, а затем спозиционировать в стилях туда, куда надо и оформить как хочется.

<span id="doc_time"></span>
<script>
clock();
</script>
<style>
    #doc_time{
    font-family: Impact;
    color: #999;
    font-style: italic;
    position: absolute;
    top: 10px;
    left: 30px;
}
</style>

Желаю творческих успехов.

Запись опубликована в рубрике Уроки javascript и jQuery. Добавьте в закладки постоянную ссылку.
А так же:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *