setTimeout

Question

setTimeoutを使った場合必ずclearTimeoutを入れる必要はあるんでしょうか

1はほったらかしにしています

2は止めてからまた実行しています

どういう違いが生まれるのか今一わかりません

違いの分かる方いらっしゃいましたら教えて下さい

1

function timer(){
setTimeout(timer,1000);
}
timer();

2
var t;
function timer(){
clearTimeout(t);
t=setTimeout(timer,1000);
}
timer();

Answer 1

ご提示のコードの範囲では意味がありませんが、time()が複数回呼ばれるコードなのであれば、十分に意味があります。

たとえば、ボタンのクリックイベントで呼び出している場合、ボタンを10回連打すると、前者のコードは1秒ごとに10回time()が呼ばれますが、後者のコードは1回です。

Comments

[退会済みユーザー]

>ご提示のコードの範囲では意味がありません

>前者のコードは1秒ごとに10回time()が呼ばれますが、後者のコードは1回です。

私のコードの範囲では意味はない、後者では意味があるというのはどういうことでしょうか？

[Lhankor_Mhy]

ご質問に書かれているそのままのコードで、書かれていないコードが（HTMLなども含めて）他に何もないのであれば、意味はないです。

Answer 2

設定した時間が経過する前に、取り消したい場合にclearTimeoutします。
時間が経過して起動した後だと、無意味です。

現在すでにタイマーがセットされているかにかかわらず1秒後に起動したい（それまでに起動して欲しくない＝すでにセットされて例えば0.5秒後に迫っていれば取り消す）なら、後者のようにするのでしょうね。ニーズ次第でしょう。

Answer 3

コールバックが呼ばれている時点でtの役割はおわっているので
clearTimeoutする意味は無いと思います

Answer 4

setTimeoutを使った場合必ずclearTimeoutを入れる必要はあるんでしょうか

特にありません。タイマー実行後にclearTimeoutを実行したとしても、特に害はありませんが、何も起きません。

clearTimeout() へ妥当ではない ID を渡しても、何の効果もありません。例外は発生しません。（MDNより）