Секундомер. Сохранить значение.

@valerass · 19.04.2021, 17:27. **Показов** 856. **Ответов** 1

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

Вот я сделал секундомир,а как сделать чтобы при нажатии кнопки loop время которое на секндомире сохранялось в бок save?

JavaScript
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
const watch = document.querySelector("#watch");
let milliseconds = 0;
let timer;
 
const startWatch = () => {
    watch.classList.remove("paused");
    clearInterval(timer);
    timer = setInterval(() => {
        milliseconds += 10;
        let dateTimer = new Date(milliseconds);
        watch.innerHTML =
            ("0" + dateTimer.getUTCHours()).slice(-2) + ":" +
            ("0" + dateTimer.getUTCMinutes()).slice(-2) + ":" +
            ("0" + dateTimer.getUTCSeconds()).slice(-2) + ":" +
            ("0" + dateTimer.getUTCMilliseconds()).slice(-3, -1);
    }, 10);
};
const pauseWatch = () => {
    watch.classList.add("paused");
    clearInterval(timer);
};
const resetWatch = () => {
    watch.classList.remove("paused");
    clearInterval(timer);
    milliseconds = 0;
    watch.innerHTML = "00:00:00:00";
};
document.addEventListener("click", (e) => {
    const element = e.target;
    if (element.id === "start") startWatch();
    if (element.id === "pause") pauseWatch();
    if (element.id === "reset") resetWatch();
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 <div id="two">
      <div class="main center">
        <div class="container center">
          <div class="watch">
            <h2 id="watch">00:00:00:00</h2>
          </div>
          <div class="buttons">
            <button id="start">start</button>
            <button id="pause">pause</button>
            <button id="reset">reset</button>
            <button id="loop">loop</button>
          </div>
        </div>
      </div>
      <div class="save"></div>
    </div>

@muxahuk1214 · 19.04.2021, 18:27

при нажатии на кнопку нужно скопировать содержимое watch и добавить в save:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="two">
      <div class="main center">
        <div class="container center">
          <div class="watch">
            <h2 id="watch">00:00:00:00</h2>
          </div>
          <div class="buttons">
            <button id="start">start</button>
            <button id="pause">pause</button>
            <button id="reset">reset</button>
            <button id="loop">loop</button>
          </div>
        </div>
      </div>
      <div id="save"></div>
    </div>

JavaScript
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
const watch = document.querySelector("#watch");
const save = document.querySelector("#save");
let milliseconds = 0;
let timer;
 
const startWatch = () => {
  watch.classList.remove("paused");
  clearInterval(timer);
  timer = setInterval(() => {
    milliseconds += 10;
    let dateTimer = new Date(milliseconds);
    watch.innerHTML =
      ("0" + dateTimer.getUTCHours()).slice(-2) +
      ":" +
      ("0" + dateTimer.getUTCMinutes()).slice(-2) +
      ":" +
      ("0" + dateTimer.getUTCSeconds()).slice(-2) +
      ":" +
      ("0" + dateTimer.getUTCMilliseconds()).slice(-3, -1);
  }, 10);
};
const pauseWatch = () => {
  watch.classList.add("paused");
  clearInterval(timer);
};
const resetWatch = () => {
  watch.classList.remove("paused");
  clearInterval(timer);
  milliseconds = 0;
  watch.innerHTML = "00:00:00:00";
};
const loopWatch = () => {
  const div = document.createElement("div");
  div.innerHTML = watch.innerHTML;
  save.prepend(div);
  // если нужно что бы таймер пошёл с 0 то вызываем reset и start..
  resetWatch();
  startWatch();
};
document.addEventListener("click", (e) => {
  const element = e.target;
  if (element.id === "start") startWatch();
  if (element.id === "pause") pauseWatch();
  if (element.id === "reset") resetWatch();
  if (element.id === "loop") loopWatch();
});

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача №1: при указании работ (справочник РаботыПоРемонтуСпецтехники),. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .