Главная » Создание сайтов » Программирование » Скрипт времени/часов на JavaScript

Скрипт времени/часов на JavaScript

javascript_clock_bitbynet

Выполняя заказ, заказчику нужно было сделать вывод системного времени (время из ОС, причем не только Windows) на страницы сайта.

Скрипт написан на Java, выводится через input, итак — поехали :)

Сам скрипт, который помещается между <head>...</head>:
<script type="text/javascript"><!--
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
// --></script>

Стиль, для инпута (input), который можно вписать либо в таблицу стилей (если она используется) либо, просто между тегами ...:
.input {
border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:8pt
}

Выводим форму часов:
<span style="text-decoration: underline;"><span style="font-family: Arial, sans-serif; font-size: medium;">Простой Java скрипт часов</span></span>
<br /><br />
<form enctype="application/x-www-form-urlencoded" method="get">
<input class="input" name="showTime" size="8" type="text" />

Смотрим, что получилось. Кстати, приглашаем Вас на нами созданный форум для web-разработчиков, на котором вы можите получить любую консультацию по разработке сайтов, дизайне, продвижению и просто поделится опытом! С уважением, Vasilenko Ivan!

Комментарии — 3 комментария

  1. #731 vanoID в 21:40, 8 апреля 2009:

    Ответить | Цитировать

    Обсуждаем пример тут

  2. #9898 bulls в 16:22, 24 июля 2010: (подписался)

    Ответить | Цитировать

    Доброе время суток.У меня к Вам вопрос, не могли бы Вы подсказать.

    Как сделать «часы идут в обратном направлении», доходя до определённого часа появляется текст.После перезагрузки время начинает занова отсчитовать.Время с 9 утра до 21 вечера,и наобарот с 21 вечера до 9 утра!

    Буду очень Вам признателен!

  3. В вашем шаблоне укажите путь к javascript!

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting