使用计时器更改可见性

Question

我正在尝试实现一些非常简单的东西，但我可以弄明白该怎么做。我无法在任何地方找到解决方案。

我希望图像可见，然后在几秒钟后切换到隐藏状态。 （如果页面已刷新，则应在指定的时间内再次显示。）

有没有办法通过HTML和/或Java脚本轻松完成这项工作？

您的帮助非常赞赏！

Answer 1

这是非常基本的。定义你的图片标签（为了简单起见我给它一个id）：

<img id="image" src=""/>

然后使用setTimeout等待一定的秒数，然后将图片的display属性设置为无，即隐藏：

var image = document.getElementById("image");
setTimeout(function(){
    image.style.display = "none";
}, 3000);

Example。 时间以毫秒为单位，因此3000 = 3秒。