javascript - 如何使用javascript使图像仅显示2分钟

Question

我正在尝试制作一个脚本，其中图像只为用户显示 2 分钟。把它想象成一个计时器。一旦计时器达到 5，图像就会消失。我对javascript很陌生，所以我真的不知道从哪里开始。有谁知道可以完成这项工作的脚本，或者可能为我指明正确的方向？提前致谢。

Answer 1

您正在寻找以下setTimeout功能：

setTimeout(function() {
    // Make the image disappear
}, 2 * 60 * 1000); // 2 minutes

img您可以通过获取对元素的引用来使图像消失：

var img = /* ...get the image... */;

...例如，使用id:

var img = document.getElementById("theImage");

...但是还有其他几种方法，在现代浏览器上，您几乎可以使用任何 CSS 选择器document.querySelector（查找第一个匹配元素）或document.querySelectorAll（获取所有匹配元素的列表）。

然后将其从其父级中删除：

img.parentNode.removeChild(img);

...或隐藏它：

img.style.display = "none";

Answer 2

看看这个：
HTML：

<img id="myimage" src="https://www.google.com/images/srpr/logo4w.png"/>

javascript:

setTimeout(function(){
    document.getElementById('myimage').style.display = 'none';},20000);