Как остановить setInterval?

Question

[dEnisHamer]

Есть небольшой скрипт:
document.getElementById("AutoSpam").onclick = function (){
let messageInput = document.getElementById("console_text_input");
let sendMessageButton = document.getElementById("console_send_button");
if(this.style.color == ""){
this.style.color = "rgb(255,219,0)";
document.getElementById("AutoSpamInput").style.display = "block";

let interval = setInterval(function(){
messageInput.value = document.getElementById("AutoSpamInput").value;
sendMessageButton.click();
}, 2000);

}
else{
this.style.color = "";
document.getElementById("AutoSpamInput").style.display = "none";
clearInterval(interval);
}
};

Как мне убрать interval ?

Comments

[Kovalsky]

Инстарепорт. Человеку-гуглу было даже лень записывать гифку где он копирует заголовок вопроса в гугл

[dEnisHamer]

Kovalsky, не пиши если не знаешь ответа.

[Kovalsky]

dEnisHamer, вы не поверите, но на qna.habr.com не приветствуются вопросы ответы на которые можно найти в первой же строке выдачи гугла. Пруф:



Так что "не пиши если не знаешь ответа" в данном случае неуместно настолько же насколько неуместен и ваш вопрос. Как минимум потому что ответ знает любой человек способный напечатать этот вопрос в гугле,

[dEnisHamer]

Kovalsky, Как ты это сделаешь в моем случае. Когда clearInterval нужно вместить в else. Что делать с этой зоной видимости? Таймер задается в блоке с if, а должен убиратся в блоке else.

[dEnisHamer]

Kovalsky, Может быть есть способы получше чем реализовать мой способ if else?

Answer 1

[Stalker_RED]

let timerId = setInterval(...)

clearInterval(timerId)

https://developer.mozilla.org/en-US/docs/Web/API/W...

И для setTimeout, соответственно, есть clearTimeout()

Comments

[dEnisHamer]

Не работает.. Ошибка

[dEnisHamer]

document.getElementById("AutoSpam").onclick = function (){
let messageInput = document.getElementById("console_text_input");
let sendMessageButton = document.getElementById("console_send_button");
if(this.style.color == ""){
this.style.color = "rgb(255,219,0)";
document.getElementById("AutoSpamInput").style.display = "block";

let timerId = setInterval(function(){
messageInput.value = document.getElementById("AutoSpamInput").value;
sendMessageButton.click();
}, 2000);

}
else{
this.style.color = "";
document.getElementById("AutoSpamInput").style.display = "none";
clearInterval(timerId);
}
};

Получился такой код и не работает, на строке где clearIntreval(timerId), пишет что не найден timerId

[Stalker_RED]

dEnisHamer, у вас let timerId в блоке if, а cleraInterval в блоке else.
Область видимости? Не, не слышал.

[dEnisHamer]

Stalker_RED, а как тогда ? Я знаю про область видимости. С кучей ошибок понял. Но как ???? Мне нужно что бы именно в блоке else был clearInterval

[Stalker_RED]

dEnisHamer, странное желание. Вы ведь понимаете, что одновременно и if и else сработать не могут.
Если выполняется else, то значит блок if не выполнялся, и таймер вообще не запущен. Что вы собрались останавливать тогда?

[dEnisHamer]

Stalker_RED, я знаю. Росскажу всю суть.
Есть у нас текст span, при нажатии на который меняется цвет что означает включена или выключена функция.
При нажатии на него должен включаться setInterval, он работает отлично. И спан красный.

При повторном нажатии текст серый и Interval должен останавливатся. Но он не останавливается не каким макаром.

[Stalker_RED]

dEnisHamer, не останавливается потому, что для остановки таймера вам нужен его id, а вы его не сохраняете нигде.

Я знаю про область видимости

не похоже.