javascript - JavaScriptスコープ：任意の新しいオブジェクトを参照するタイマー

Question

これが私が基本的にやろうとしていることのコードです：

document.body.addEventListener("keypress", f1, false);

function f1(e){
    var span = document.createElement("span");
    window.setInterval(function(){
        ...
            window.clearInterval(this);
            document.body.removeChild(span);
}

つまり、新しいDOM要素を作成し、その特定のオブジェクトを参照できるタイマーをそれにアタッチしようとしています。問題は、コンテキストの実行方法がわからないため、this参照するだけwindowで、参照しようとするとJavaScriptがエラーをスローすることですspan（とにかく動作することを期待していませんでした）。その関数で作成したDOM要素に間隔のコンテキストを設定するにはどうすればよいですか？

Answer 1

setIntervalタイマーのIDである整数を返します。だから、あなたがしなければならないのはそれを保存することだけです：

var interval = setInterval(function(){
// ...
    clearInterval(interval);

Answer 2

間隔の変数を保持します。

document.body.addEventListener("keypress", f1, false);

function f1(e){
    var span = document.createElement("span");
    var myInterval = setInterval(function(){
        ...
            clearInterval(myInterval);
            document.body.removeChild(span);
}