Czy mógłby ktoś wyjaśnić dlaczego clearInterval nie działa? Poniższy przykład z użyciem setInterval jest z pewnej książki. Sam dodałem do kodu: div oraz funkcję clearInterval. Oto kod:
<!doctype html><html lang="pl"><head><title> Tik Tak </title><meta charset="utf-8"><style>
#stop {
width: 200px;
height: 100px;
background-color: red;
color: white;
font-size: 50px;
text-align: center;
line-height: 100px;
font-family: 'Arial';
}</style><script>
function display(text) {
var messagePara = document.getElementById("message");
messagePara.innerHTML = messagePara.innerHTML + text;
}
var tick = true;
function ticker() {
if (tick) {
display("Tik" + "<br />");
tick = false;
} else {
display("Tak" + "<br />");
tick = true;
}
}
var idInterwalu;
function odliczaj() {
idInterwalu = setInterval(ticker, 1000);
}
function zatrzymaj() {
clearInterval(idInterwalu);
}
window.onload = odliczaj;
var znak = document.getElementById("stop");
znak.onclick = zatrzymaj;</script></head><body><div id="stop"><b>STOP</b></div><p id="message"></p></body></html>