<!-- Скриптов часов в виде линий
Copyright © WINsoft 1997-2007 -->
<body onload="init()">
<table border=0 cellpadding="0" cellspacing="2">
<tr>
<th style="font-size: 10pt;">Часы:</th>
<td><span id="hoursBlock" style="background-color:#ff8c00; font-size: 8pt;"></span>
<span id="hoursLabel" style="font-size: 8pt;"></span></td>
</tr>
<tr>
<th style="font-size: 10pt;">Минуты:</th>
<td><span id="minutesBlock" style="background-color:#006400; font-size: 8pt;"></span>
<span id="minutesLabel" style="font-size: 8pt;"></span></td>
</tr>
<tr>
<th style="font-size: 10pt;">Секунды:</th>
<td><span id="secondsBlock" style="background-color:#ff69b4; font-size: 8pt;"></span>
<span id="secondsLabel" style="font-size: 8pt;"></span></td>
</tr>
</table>
</body>
<script language="JavaScript">
var now=new Date()
var shortWidth=5
var multiple=2.5
function init()
{
with(document.all)
{
hoursBlock.style.setExpression("width","now.getHours() * shortWidth * multiple","jscript")
hoursLabel.setExpression("innerHTML","now.getHours()","jscript")
minutesBlock.style.setExpression("width","now.getMinutes() * shortWidth","jscript")
minutesLabel.setExpression("innerHTML","now.getMinutes()","jscript")
secondsBlock.style.setExpression("width","now.getSeconds() * shortWidth","jscript")
secondsLabel.setExpression("innerHTML","now.getSeconds()","jscript")
}
updateClock()
}
function updateClock()
{
now = new Date()
document.recalc()
setTimeout("updateClock()",1000)
}
</script>
