1

Задача: При переходе на страницу отображается число 19, через 10 секунд к числу добавляется +1 единица, и каждые 5 минут пребывания на странице число увеличивается еще на +2 единицы.
HTML:

<div class="counter">19</div>
<div>sales</div>

JavaScript:

const target = document.querySelector(".counter");

let t1 = 10000,
    t2 = 300000;

const updateCounter = function () {
    let count = Number(target.innerHTML);

    target.innerHTML = count += 1;
};

setTimeout(updateCounter, t1);

const counter = function () {
    let count = Number(target.innerHTML);

    target.innerHTML = count += 2;
};
setInterval(counter, t2);

Вопрос: Можно ли обойтись одним setInterval без setTimeout? Или есть способ написать код намного проще?
P.S. Это мои первые шаги в JS поэтому не судите строго.

1
  • 1
    "Можно ли обойтись одним setInterval без setTimeout?" --- можно, но смысла не имеет. Лучше сделать раздельную логику и назвать методы "говоряще". Т.е. имеет смысл скорее сделать рефактор в области понимания кода другими разрабами.. А делать один"божественный" метод нет смысла 8 мая 2021 в 11:20

1 ответ 1

0

Можно обойтись одной функцией с повторением setTimeout(), но, как вам уже написали, это без нужды запутает логику функции и добавит в неё лишние проверки. Так что разве что в качестве упражнения:

const target = document.querySelector(".counter");

let t1 = 10000,
    t2 = 300000;

const updateCounter = function () {
    let count = Number(target.innerHTML);

    target.innerHTML = count += (count === 19 ? 1 : 2);
    
    setTimeout(updateCounter, t2);
};

setTimeout(updateCounter, t1);
<div class="counter">19</div>
<div>sales</div>

2
  • Спасибо за ответ! Значит мой вариант вполне даже можно использовать, да?
    – Marty
    10 мая 2021 в 9:05
  • @Marty По-моему, да) 10 мая 2021 в 9:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.