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);