Javascript-часы

Работаю над сайтом заказчика. Он попросил установить на сайт часы, которые отображались бы на телефонах и планшетах в том числе. Под катом привожу код Javascript-часов.

Установил вот такие часы:

<script type="text/javascript">
function showTime()
{
var dat = new Date();
var H = '' + dat.getHours();
H = H.length<2 ? '0' + H:H;
var M = '' + dat.getMinutes();
M = M.length<2 ? '0' + M:M;
var S = '' + dat.getSeconds();
S =S.length<2 ? '0' + S:S;
var clock = H + ':' + M + ':' + S;
document
.getElementById('time_div')
.innerHTML=clock;
setTimeout(showTime,1000); // перерисовать 1 раз в сек.
}
</script>
<div id="time_div" style="font-size:24pt;color:rgb(0,255,0);font-weight:600;font-family:Verdana;background-color:RGB(128,0,0);margin-left: 40%;width:160px;border:2px solid rgb(250,0,0)">
</div>
<script type="text/javascript">
showTime();
</script>

Пусть тут полежат, может пригодятся =)

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

Обсудить