Jak zatrzymać/zrestatować funkcję z setTimeout?

Question

Deklaruje

function myFunction() {
	//
	setTimeout(myFunction, 1000);
}

a potem w kodzie wywołuje funkcję, która pokazuje rosnący czas od momentu kliknięcia. Ale, każde kolejne kliknięcie powoduje, że ta funkcja odpala się równolegle kolejny raz. Więc zamiast o sekundę to czas zmienia się o sekundę razy ilość kliknięć. Nie mogę znaleźć odpowiedzi jak przerwać takie konstrukcje.

Dziwi mnie, że nie pomyślano o czymś tak prostym jak np. myFunction().end;
Return powinien zakończyć, ale coś mi nie działa. Jeśli zastosuje coś jak:

 

if(stopFunction == 'stop') 
	{
		console.log("stop");
		return;
	}
console.log("stop?");

console.log pokazuje stop, robi się return w tym miejscu (stop? już nie pokazuje), ale i tak liczba sekund gna do przodu potem z każdym kliknięciem. Czyli return stosuje tylko raz, a potem pamięta, że ta funkcja jest włączona x razy?

Answer 1

Użyj funkcji clearTimeout()

https://www.w3schools.com/jsref/met_win_cleartimeout.asp

Comments

Dzięki. Działa.