Главная » 2009 » Август » 29 » Красивые синие часы (Javascript)
29.08.2009, 10:44

Красивые синие часы



Красивые синие часы для вашего сайта, отображающие часы, минуты и секунды. Отлично подойдут для темных дизайнов.

Ставим это в head:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ramandeep Singh (ramandeepji@yahoo.com) -->
<!-- Web Site: http://hard-drive.hypermart.net -->

<!-- Begin
var dn;
c1 = new Image(); c1.src = "digital-clock/c1.gif";
c2 = new Image(); c2.src = "digital-clock/c2.gif";
c3 = new Image(); c3.src = "digital-clock/c3.gif";
c4 = new Image(); c4.src = "digital-clock/c4.gif";
c5 = new Image(); c5.src = "digital-clock/c5.gif";
c6 = new Image(); c6.src = "digital-clock/c6.gif";
c7 = new Image(); c7.src = "digital-clock/c7.gif";
c8 = new Image(); c8.src = "digital-clock/c8.gif";
c9 = new Image(); c9.src = "digital-clock/c9.gif";
c0 = new Image(); c0.src = "digital-clock/c0.gif";
cb = new Image(); cb.src = "digital-clock/cb.gif";
cam = new Image(); cam.src = "digital-clock/cam.gif";
cpm = new Image(); cpm.src = "digital-clock/cpm.gif";
function extract(h,m,s,type) {
if (!document.images) return;
if (h <= 9) {
document.images.a.src = cb.src;
document.images.b.src = eval("c"+h+".src");
}
else {
document.images.a.src = eval("c"+Math.floor(h/10)+".src");
document.images.b.src = eval("c"+(h%10)+".src");
}
if (m <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+m+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(m/10)+".src");
document.images.e.src = eval("c"+(m%10)+".src");
}
if (s <= 9) {
document.g.src = c0.src;
document.images.h.src = eval("c"+s+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(s/10)+".src");
document.images.h.src = eval("c"+(s%10)+".src");
}
if (dn == "AM") document.j.src = cam.src;
else document.images.j.src = cpm.src;
}
function show3() {
if (!document.images)
return;
var Digital = new Date();
var hours = Digital.getHours();
var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();
dn = "AM";
if ((hours >= 12) && (minutes >= 1) || (hours >= 13)) {
dn = "PM";
hours = hours-12;
}
if (hours == 0)
hours = 12;
extract(hours, minutes, seconds, dn);
setTimeout("show3()", 1000);
}
// End -->
</script>

<body> заменяем на это:

Code
<BODY onLoad="show3()" bgcolor="#000000">

<img height=21 src="digital-clock/cb.gif" width=16 name=a>
<img height=21 src="digital-clock/cb.gif" width=16 name=b>
<img height=21 src="digital-clock/colon.gif" width=9 name=c>
<img height=21 src="digital-clock/cb.gif" width=16 name=d>
<img height=21 src="digital-clock/cb.gif" width=16 name=e>
<img height=21 src="digital-clock/colon.gif" width=9 name=f>
<img height=21 src="digital-clock/cb.gif" width=16 name=g>
<img height=21 src="digital-clock/cb.gif" width=16 name=h>
<img height=21 src="digital-clock/cam.gif" width=16 name=j>

Не забываем подправить ссылки на картинки, которые нужно скачать и залить в корень сайта.

Материал взят с сайта infoscript.ru
Теги: Скачать Красивые синие часы
Скачать "Красивые синие часы"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Ramandeep Singh
Категория: JavaScript's | Просмотров: 3182 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: часы на javascript, Красивые синие часы
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]