Главная » 2009 » Август » 19 » Необычные часы (Javascript)
19.08.2009, 17:14

Необычные часы



Эти часы довольно необычного и непривычного вида способны показывать "часы", "минуты" и "секунды", как в отдельности, так и вместе.

Установка:

Это скрипт ставим в head:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Abraham I. (abraham_824@hotmail.com) -->

<!-- Begin
function clock() {
var t = new Date();
var h = t.getHours();
var m = t.getMinutes();
var s = t.getSeconds();
var units = new String("");
var hours = t.getHours();
var min = t.getMinutes();
var sec = t.getSeconds();
document.clock.hours.value = units.substring(0, hours);
document.clock.minutes.value = units.substring(0, min);
document.clock.seconds.value = units.substring(0, sec);
var status = "AM";
if (hours > 11)
status = "PM";
if (hours < 11)
hours -= 12;
if (min < 10)
min = "0" + min;
if (sec < 10)
sec = "0" + sec;
document.clock.h.value = hours;
document.clock.m.value = min;
document.clock.s.value = sec;
document.clock.time.value = hours + ":" + min + ":" + sec + " " + status;
window.setTimeout("clock()", 900);
}
// End -->
</script>

это ставим в body:

Code
<BODY onLoad="clock();">

<form name="clock">
<table>
<tr>
<td>
Часов:
</td>
<td>
<input type="text" name="h" size="10" style="border: 0">
</td>
</tr>
<tr>
<td colspan=2>
<input type=text name="hours" size="24" style="color: navy">
</td>
</tr>
<tr>
<td>
Минут:
</td>
<td>
<input type="text" name="m" size="10" style="border: 0">
</td>
</tr>
<tr>
<td colspan=2>
<input type=text name="minutes" size="60" style="color: navy">
</td>
</tr>
<tr>
<td>
Секунд:
</td>
<td>
<input type="text" name="s" size="10" style="border: 0">
</td>
</tr>
<tr>
<td colspan=2>
<input type=text name="seconds" size="69" style="color: navy">
</td>
</tr>
<tr>
<td>
Время: <input type=text name="time" size="20" style="border: 0">
</td>
</tr>
</table>
</form>

Адаптация и перевод: webscripts.ucoz.ru

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