如何使用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");

...但是还有其他几种方法，on modern browsers你可以使用任何带有document.querySelector的CSS选择器（找到第一个匹配元素）或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);