Цифровые часы с "будильником"

@Aleksanderac · Регистрация: 01.02.2009

Студворк — интернет-сервис помощи студентам

Всем привет. Нужно сделать: Цифровые часы с "будильником". Должно отображаться текущее время, а при достижении времени звонка меняться цвет фона страницы.

Вот, что написано сейчас...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
<title>Часики</title>
</head>
 
<body onLoad="myclock()">
<script language="JavaScript">
 
function myclock()
{
ndata=new Date()
// Получение показаний часов, минут и секунд
hours= ndata.getHours();
mins= ndata.getMinutes();
secs= ndata.getSeconds();
// Дополнение показаний нулем слева
if (hours < 10) {hours = "0" + hours }
if (mins < 10) {mins = "0" + mins }
if (secs < 10) {secs = "0" + secs }
// Суммирование всех данных для вывода
datastr =hours+":" + mins+":" +secs
// Запись данных
document.clockexam.clock.value = " "+datastr;
// Вызов функции с интервалом 1000 ms
setTimeout("myclock()", 1000);
}
</script> 
<form name="clockexam"><input type="text" size="8" name="clock"></form>
 
Введите во сколько встать:<input type="text" name="budil" size="13"><br>
 
</body>
</html>

Осталось сделать сравнение, подскажите как сделать. В javascript не силен

Думаю сравнивать 2 числа, через какой то промежуток и если совпадут, сменить фон страницы.

@Vanstorm · 08.12.2009, 18:26

Пихаем кнопку:

HTML5
1
Введите во сколько встать:<input type="text" name="budil" size="13"><input type="button" onclick="setTime=this.previousSibling.value">

само условие:

JavaScript
1
2
datastr =hours+":" + mins+":" +secs
if (setTime==datastr) document.body.style.backgroundImage="url(http://www.w3schools.com/images/justhost_155x75.gif)"

не забываем обьявить setTime

JavaScript
1
 var setTime;

@Aleksanderac · 08.12.2009, 21:52 **[ТС]**

Vanstorm, Спасибо за помощь. Подскажи,что делается тут?

Java
1
onclick="setTime=this.previousSibling.value

написал так, знаю что не правильно, колдую еще

JavaScript
1
2
3
4
5
6
7
8
9
10
[Введите во сколько встать:<input type="text" name="budil" size="13">
<input type="button" onclick="setTime=this.previousSibling.value">
 
SCRIPT>
function vkl() 
{
var setTime;
datastr =hours+":" + mins+":" +secs
if (setTime==datastr) document.body.style.backgroundImage="url(http://www.w3schools.com/images/justhost_155x75.gif)"
}

Сегодня поизучал, понял что можно делать так.

HTML5
1
<input type="button" onclick="vkl()">

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

Подскажи, как правильно написать, не получается понять твою мысль, как я должен это записать?

@Vanstorm · 08.12.2009, 22:40

setTime=this.previousSibling.value

берется значение поля ввода
Не упомянул что setTime это глобальная переменная. обьявлять её надо в начале.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<title>Часики</title>
</head>
 
<body onLoad="myclock()">
<script language="JavaScript">
 var setTime;
function myclock()
{
ndata=new Date()
// Получение показаний часов, минут и секунд
hours= ndata.getHours();
mins= ndata.getMinutes();
secs= ndata.getSeconds();
// Дополнение показаний нулем слева
if (hours < 10) {hours = "0" + hours }
if (mins < 10) {mins = "0" + mins }
if (secs < 10) {secs = "0" + secs }
// Суммирование всех данных для вывода
datastr =hours+":" + mins+":" +secs
if (setTime==datastr) document.body.style.backgroundImage="url(http://www.w3schools.com/images/justhost_155x75.gif)"
// Запись данных
document.clockexam.clock.value = " "+datastr;
// Вызов функции с интервалом 1000 ms
setTimeout("myclock()", 1000);
}
</script> 
<form name="clockexam"><input type="text" size="8" name="clock"></form>
 
Введите во сколько встать:<input type="text" name="budil" size="13"><input type="button" onclick="setTime=this.previousSibling.value"><br>
 
</body>
</html>

Добавлено через 48 секунд
Время вводится в формате 22:40:30 и жмётся кнопка

@Aleksanderac · 08.12.2009, 22:47 **[ТС]**

Vanstorm, Спасибо большое, ты меня выручил. Я твой должник

@CamoSmile · 12.12.2009, 19:02

а можно туда музыку впихнуть как нибудь?

@Aleksanderac · 12.12.2009, 20:13 **[ТС]**

Сообщение от CamoSmile

а можно туда музыку впихнуть как нибудь?

Думаю да, надо погуглить, узнать скрипты для произведения музыки или посмотри через поиск на форуме, может есть.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Aleksanderac 46 / 19 / 1 Регистрация: 01.02.2009 Сообщений: 168
	08.12.2009, 22:47 [ТС]
	Vanstorm, Спасибо большое, ты меня выручил. Я твой должник 0

@CamoSmile 1 / 1 / 0 Регистрация: 21.11.2009 Сообщений: 24
	12.12.2009, 19:02
	а можно туда музыку впихнуть как нибудь? 0