Background Image

Скрипт идущих часов JavaScript

Script

by — Category Script on

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

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('txt').innerHTML=h+":"+m+":"+s; t=setTimeout('startTime()',500); } function checkTime(i) { if (i<10) { i="0" + i; } return i; } 

HTML

в <body> вставляем onload="startTime()" и получаем вот такой вид:

<body onload="startTime()">

Это позволит нам генерировать время относительно загрузки страницы.

Ну и наконец в нужное место ставим сам код вывода часиков:

<p id="txt"> </p>

Готово. Теперь у вас на сайте всегда будет точное Московское время.


Понравился материал?
Поделитесь с друзьями

С этим материалом смотрят:
    Автоматический слайдер для контента

    Автоматический слайдер для кон...

    Очень легкий слайдер для контента с автоматический п...

    View More
    0 379 16:25
Метки: Auto, скрипт, часы
Feedback: 0

Leave a Comment

Имя *:
Email *:
Код *:
Menu