Пишем цифровые часы на JavaScript

Рано или поздно, но вам придется написать свои часы или таймер. Например, вы хотите контролировать время выполнения теста пользователем на вашей странице или вы хотите информировать посетителей о времени в вашем часовом поясе. Здесь приведен пример полноценных цифровых часов на JavaScript. Вы можете использовать этот код в сочетании с css для оформления внешнего вида ваших часов. Код простой - все понятно.

<html>
<head>
<script>
function startTime() {
 var today=new Date();
 var h=today.getHours();
 var m=today.getMinutes();
 var s=today.getSeconds();
 m = checkTime(m);
 s = checkTime(s);
 document.getElementById('txt').innerHTML = h+":"+m+":"+s;
 var t = setTimeout(function(){startTime()},500);
}
function checkTime(i) {
 if (i<10) {i = "0" + i}; // добавим ноль впереди для чисел < 10
 return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
<⁄html>

Текущее время:

Похожие публикации: JavaScript

Войти и комментировать [ Вход | Регистрация ]