Исходники.RU - Информационный сервер для программистов: исходники со всего света.

Часики на страничке

Принцип отображения текстовой информации с тенью давно объяснён в примерах на Delphi и на Visual Basic. Оказывается, в Java Script подобную идею воплотить не составляет труда. Во всяком случае часики смотрятся приятно.

Ниже идёт сам код, который необходимо разместить на страничке:

<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:#a0a0a0;\">' + 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:#11a6ff;\">' + time + '<\/p>');
	document.clock.document.close();
	document.clock1.document.close();

}

setTimeout('showTime()', 1000);

}

// -->
</script>

</body>
</html>