На главную страницу

Раздел скриптов

 
 

 

 

 Добавить в избранное

  Сделать стартовой

Часы с тенью

<html>
<head>
<script>
<!--
function showTime()
{
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes(); 
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) 
{
hour = 0;
ap = " AM";
}
else if(hrNow <= 11) 
{
ap = " AM";
hour = hrNow;

else if(hrNow == 12) 
{
ap = " PM";
hour = 12;

else if (hrNow >= 13) 
{
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) 
{
hour = hrNow - 12;
}
if (mnNow <= 9) 
{
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) 
{
secs = "0" + scNow;

else 
{
secs = scNow;
}
time = hour + ":" + min + ":" + secs ;
if(document.all)
{
document.all.clock.innerHTML=time;
document.all.clock1.innerHTML=time;
}
if(document.layers)
{
document.clock.document.write('<p style=\"font-size:10px; font-weight:bold; font-family:Verdana; color:#000000;\">' + time + '<\/p>');
document.clock1.document.write('<p style=\"font-size:10px; z-index:-1; position:absolute; top:1; left:1; font-weight:bold; font-family:Verdana; color:#ffff00;\">' + time + '<\/p>');
document.clock.document.close();
document.clock1.document.close();
}
setTimeout('showTime()', 1000);
}
// -->
</script>
<body onLoad="showTime()">
<div id="clock" style="position: absolute; top: 95; left: 460; color: #000000; font-family: Verdana; font-size: 20px; font-weight: bold; width: 110; height: 33">
</div>
<div id="clock1" style="position: absolute; z-index: -1; top: 97; left: 462; color: #ffff00; font-family: Verdana; font-size: 20px; font-weight: bold; width: 120; height: 30">
</div>
</body>
</html> 

Скачать готовый пример (Размер~1kb)

Данный скрипт распространяется абсолютно бесплатно.Вы также имеете право вносить в него любые изменения.                                                                              Если у вас возникли вопрсы - вы можете связаться с WEB-мастером или оставить запись в гостевой книге.

Реклама



Hosted by uCoz