javascript - 使用setTimeout和if来控制对象(Javascript)

Question

我在练习Javascript时遇到了一个问题。我想制作一个可以点击的正方形。单击后，方 block 消失并在 3 秒后显示。代码如下。

document.getElementById("box").addEventListener("click",function(){
    this.style.display="none";
});


if (document.getElementById("box").style.display=="none"){
    setTimeout(function(){
        document.getElementById("box").style.display="block";
    }, 3000);
}

这是一个JS Bin
那么我该如何更正上面的代码呢？ setTimeout 似乎有问题。

Answer 1

你的代码是这样说的:

当点击该框时，隐藏它，但是现在，在点击它之前，看看它是否被隐藏(提示:自从尚未被点击)，如果被点击，则在三秒后显示。

<小时/>

移动代码以将其显示在 if 语句之外并显示在单击函数处理程序中。

完全摆脱 if 语句(因为您知道单击它后它会是什么状态)。