Все дело в "кнопке"

@Laknak · Регистрация: 31.03.2014

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

Здравствуйте, помогите мне пожалуйста с программой. Задача: на кнопке находится таймер, при нажатии на кнопку должно прописью отображаться время (например: семнадцать часов двадцать минут сорок секунд итд.) Можно пользоваться любыми средствами html, javascript, css.

Кнопку я задал с помощью блоков. Через javascript у меня не получилось сделать так, чтобы часы были на кнопке.

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
35
36
37
38
39
40
41
42
<html>
<head>
<title>Дата время.</title>
<script type="text/javascript">
</head>
<body>
 
<style type="text/css">
a.button, a.button:wisited { 
margin-left: 280px; 
display: block; 
border:1px solid; 
border-color: #aaa #000 #000 #aaa; 
 
text-decoration:none; 
width:28em; 
height:2em; 
line-height:2em; 
background:#FFFF00; 
font-weight:bold 
}
 
a.button:hover {
background:#FFA500; 
position:relative; 
top:1px; left:1px; 
border-color: #000 #aaa #aaa #000} 
}
</style> 
<form>
<p>
<a href="#" class="button">
<script type="text/javascript">
document.write(time_is_now())
</script>;
</body>
</html>
 
</a>
</p>
</form>
</html>

Подскажите пожалуйста, как правильно сделать так, чтобы при нажатии на кнопку начал работать другой скрипт(записывающий время прописью), записанный в html документе. Вот его листинг:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
<title>Пропись.</title>
<script type="text/javascript">
function time_is_now() {
var Time = new Date();
var this_Hour = Time.getHours();
var this_Min = Time.getMinutes();
var this_Sec = Time.getSeconds();
var text = "Сейчас: ";
var ending_m = " минут";
var ending_h = " час";
var ending_s = "секунд";
 
Hour = new Array( "ноль", "один", "два", "три", "четыре", "пять", "шесть", "семь",
"восемь", "девять", "десять", "одиннадцать", "двенадцать", "тринадцать",
"четырнадцать", "пятнадцать", "шестнадцать", "семнадцать", "восемнадцать",
"девятнадцать", "двадцать", "двадцать один", "двадцать два", "двадцать три");
 
Min = new Array( "ноль", "одна", "две", "три", "четыре", "пять", "шесть", "семь",
"восемь", "девять", "десять", "одиннадцать", "двенадцать", "тринадцать",
"четырнадцать", "пятнадцать", "шестнадцать", "семнадцать", "восемнадцать",
"девятнадцать");
 
Sec = new Array( "ноль", "одна", "две", "три", "четыре", "пять", "шесть", "семь",
"восемь", "девять", "десять", "одиннадцать", "двенадцать", "тринадцать",
"четырнадцать", "пятнадцать", "шестнадцать", "семнадцать", "восемнадцать",
"девятнадцать", "двадцать", "двадцать один", "двадцать два", "двадцать три");
 
text += Hour[this_Hour] + " ";
 
if (this_Hour > 10 && this_Hour < 20) ending_h += "ов";
else {
 this_Hour = this_Hour % 10;
 if (this_Hour > 1 && this_Hour < 5) ending_h += "а";
 else if (this_Hour == 1);
 else ending_h += "ов";
}
text += ending_h + " ";
 
if (this_Min < 20) text += Min[this_Min];
else {
 twenty_min = Math.floor(this_Min / 10);
 switch(twenty_min) {
  case 2 : text += "двадцать "; break;
  case 3 : text += "тридцать "; break;
  case 4 : text += "сорок "; break;
  case 5 : text += "пятьдесят "; break;
 }
 if (this_Min % 10 != 0) text += Min[Math.abs(this_Min % 10)];
}
 
if (this_Min > 10 && this_Min < 20);
else {
 this_Min = this_Min % 10;
 if (this_Min > 1 && this_Min < 5) ending_m += "ы";
 else if (this_Min == 1) ending_m += "а";
}
text += ending_m + " "
 
if (this_Sec < 20) text += Sec[this_Sec];
else {
 twenty_sec = Math.floor(this_Sec / 10);
 switch(twenty_sec) {
  case 2 : text += "двадцать "; break;
  case 3 : text += "тридцать "; break;
  case 4 : text += "сорок "; break;
  case 5 : text += "пятьдесят "; break;
 }
 if (this_Sec % 10 != 0) text += Sec[Math.abs(this_Sec % 10)];
}
if (this_Sec > 10 && this_Sec < 20);
else {
 this_Sec = this_Sec % 10;
 if (this_Sec > 1 && this_Sec < 5) ending_s += "ы";
 else if (this_Sec == 1) ending_s += "а";
}
text += " " + ending_s;
 
return text;
}
</script>
</body>
</html>

@kalabuni · 31.03.2014, 17:35

как-то всё очень сложно у вас

можно сделать значительно проще и в разы короче

только уточните, верно ли я понял задание:

1) имеем кнопку, непосредственно на которой работают часы, выдающие текущее время в формате ЧЧ:ММ:СС

2) при нажатии на кнопку формат текущего времени на той же кнопке изменяется на часы минуты секунды (прописью, с правильным склонением)

3) при повторном нажатии на кнопку формат текущего времени на кнопке возвращается к исходному ЧЧ:ММ:СС (и т.д.)

@Laknak · 31.03.2014, 22:18 **[ТС]**

Да-да-да, все верно

К сожалению только недавно стал изучать курс скриптов, поэтому с реализацией у меня все тяжко.

@kalabuni · 01.04.2014, 01:01

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>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<script>
function myNumberClock ()
{
var d = new Date (), t = [d.getHours (), d.getMinutes (), d.getSeconds ()];
if (S > 0) var r = [addZero (t [0]), addZero (t [1]), addZero (t [2])].join (':');
else var r = [myDecl (t [0], 0), myDecl (t [1], 1), myDecl (t [2], 2)].join (' ');
document.getElementById ('btn').value = r; setTimeout (myNumberClock, 1000);
   function addZero (x) {return ((x < 10) ? '0' : '') + x}
   function myDecl (n, q)
   { 
   var w = [['час',     'часа',    'часов' ],  // q = 0
            ['минута',  'минуты',  'минут' ],  // q = 1
            ['секунда', 'секунды', 'секунд']], // q = 2
       k = n % 10,
       l = (!k || n > 5 && n < 21 || k > 4) ? 2 : ((k == 1) ? 0 : 1),
      z2 = w [q] [l],
     l11 = ['ноль', q ? 'одна' : 'один', q ? 'две' : 'два', 'три', 'четыре', 'пять', 'шесть', 'семь', 'восемь', 'девять', 'десять'];
   if (n < 11) var z1 = l11 [n];
   else if (n < 20) var z1 = ['один', 'две', 'три', 'четыр', 'пят', 'шест', 'сем', 'восем', 'девят'] [n - 11] + 'надцать';
   else if (n > 19) var z1 = ['двадцать', 'тридцать', 'сорок', 'пятьдесят'] [(n - k - 20) / 10] + (k ? (' ' + l11 [k]) : '');
   return z1 + ' ' + z2; 
   }
}
onload = function () {document.getElementById ('btn').addEventListener ('click', function () {S *= -1}); S = 1; myNumberClock ()}
</script>
</head>
<body>
<input id="btn" type="button">
</body>
</html>

@Laknak · 01.04.2014, 10:34 **[ТС]**

Спасибо вам огромное!

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	31.03.2014, 17:35
	как-то всё очень сложно у вас можно сделать значительно проще и в разы короче только уточните, верно ли я понял задание: 1) имеем кнопку, непосредственно на которой работают часы, выдающие текущее время в формате ЧЧ:ММ:СС 2) при нажатии на кнопку формат текущего времени на той же кнопке изменяется на часы минуты секунды (прописью, с правильным склонением) 3) при повторном нажатии на кнопку формат текущего времени на кнопке возвращается к исходному ЧЧ:ММ:СС (и т.д.) 0

@Laknak 0 / 0 / 0 Регистрация: 31.03.2014 Сообщений: 5
	31.03.2014, 22:18 [ТС]
	Да-да-да, все верно К сожалению только недавно стал изучать курс скриптов, поэтому с реализацией у меня все тяжко. 0

@Laknak 0 / 0 / 0 Регистрация: 31.03.2014 Сообщений: 5
	01.04.2014, 10:34 [ТС]
	Спасибо вам огромное! 0

Все дело в "кнопке"

Решение