При абсолютной банальности вопроса найти короткий, работающий и кроссбраузерный кусочек кода идущих часов не так легко, потому что везде одно и то же: то решение устарело, то длинно и непонятно, то нужно 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>
Готово. Теперь у вас на сайте всегда будет точное Московское время.
|
Понравился материал? Поделитесь с друзьями |
С этим материалом смотрят:
| Feedback: 0 | |