0

Написал код, который каждые 2 секунды вставляет html элемент поверх предыдущего.

Затем спрашивает остановить ли цикл.

Чувствую, что здесь в коде не хватает return, но где именно нужно разместить return?

let timer = setTimeout(function fun(){
main.innerHTML += main.innerHTML;
timer = setTimeout(fun, 2000);

let a = confirm('Остановить цикл?');
if(a == true){
clearTimeout(timer);    
alert('Цикл остановлен');   
} 
},1000)
#main{
background: orange; 
}

#home {
font-size: 2vmax;   
margin-left: 50%;
}
<div id="main">
<div id="home">
Опа
</div>
</div>

6
  • что должен возвращать этот return и куда? 16 сен 2021 в 11:52
  • Зачем? Чтобы был return в коде?) 16 сен 2021 в 11:52
  • 2
    Так умные люди на этом форуме сказали, что return всегда нужен. 16 сен 2021 в 12:21
  • Значит они не умные) либо вы не так поняли. Есть случаи когда "return" не нужен. 16 сен 2021 в 12:34
  • 2
    В моём случае return не нужен? 16 сен 2021 в 12:35

2 ответа 2

2

Return нужно поставить перед вызовом alert, а верхнее содержимое функции надо перенести вниз. JS:

let timer = setTimeout(function fun(){
  let a = confirm('Остановить цикл?');
  if(a === true){
    clearTimeout(timer);    
    return alert('Цикл остановлен');   
  } 
  main.innerHTML += main.innerHTML;
  timer = setTimeout(fun, 2000);
},1000)

CSS:

#main{
background: orange; 
}

#home {
font-size: 2vmax;   
margin-left: 50%;
}

HTML:

<div id="main">
<div id="home">
Опа
</div>
</div>
5
  • 2
    Если я правильно понял, проблема в том, что программа вставляет лишние элементы, даже когда нажимаешь "остановить цикл". Если так, то я прав
    – Listopad02
    16 сен 2021 в 12:00
  • 1
    Да, есть такой баг) А где timer = setTimeout(fun, 2000); и clearTimeout(timer); тама return не нужны? 16 сен 2021 в 12:24
  • 1
    @Новичок, когда программа выполняет return, она выходит из функции. Это даже не баг, это так и задумывалось изначально. Так что там это не понадобится, так как эти строчки я перенес вниз функции.
    – Listopad02
    16 сен 2021 в 12:33
  • 1
    Грубо говоря это работает так: нижние строки выполняются, а когда вы решаете остановить цикл, выполняется конструкция if, в которой находится return. Если же поставить return вниз, то функция выполнится один раз и больше новые элементы не выведутся.
    – Listopad02
    16 сен 2021 в 12:37
  • 1
    Очень помогли, спс 16 сен 2021 в 14:11
-1

Вначале печать, потом вопрос (обратите внимание, тут setInterval, а не setTimeout)

let i = 0;

let timer = setInterval(function fun() {
  main.innerHTML = i++;
 
  let a = confirm('Остановить цикл?');
  
  if (a == true) {
    clearTimeout(timer);
    alert('Цикл остановлен');
  }
}, 1000)
#main {
  background: orange;
}

#home {
  font-size: 2vmax;
  margin-left: 50%;
}
<div id="main">
  <div id="home">
    Опа
  </div>
</div>

Вначале вопрос, потом печать:

let i = 0;

let timer = setInterval(function fun() {  
  let a = confirm('Остановить цикл?');
  
  if (a == true) {
    clearTimeout(timer);
    alert('Цикл остановлен');
  } else {
     main.innerHTML = i++;
  }  
}, 1000)
#main {
  background: orange;
}

#home {
  font-size: 2vmax;
  margin-left: 50%;
}
<div id="main">
  <div id="home">
    Опа
  </div>
</div>


Никаких return нету ¯\_(ツ)_/¯

9
  • 1
    @Listopad02 здесь специально упрощено, чтобы показать, что можно обойтись без всяких rerurn. Автор и сам может добавить свой код в нужное ему место 16 сен 2021 в 14:31
  • 1
    @Новичок код отличается только тем, что я вывожу в консоль, для наглядности. В целом это можно обратно заменить на вставку html. Главное чтобы вы поняли, что тут никаких return не обязательно писать 16 сен 2021 в 14:36
  • 1
    А зачем тогда нужен return, если его можно и не писать? Для чего придумали return? 17 сен 2021 в 7:17
  • 1
    @Новичок как я уже писал вам под вопросом....цитирую себя: Есть случаи когда "return" не нужен.....то есть НЕ ВСЕГДА не нужен, а ИНОГДА............. для return.... ну вы из функции как вернёте значение без return?)) 17 сен 2021 в 9:52
  • 1
    А какую роль выполняет return? Что она делает? 17 сен 2021 в 13:21

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