在Java中创建图像后,如何在一定时间内删除图像?

时间:2019-07-10 09:21:22

标签: javascript

我试图让图像在2秒后消失,但我不知道该怎么做。

我看过网上,但还没有真正发现有用的东西。

function rockImage() {
    var img = document.createElement("img");
    img.src = "rock.png";
    var src = document.getElementById("compChoiceImage");
    img.setAttribute("width", "100");
    src.appendChild(img);
}

这是创建图像的功能,我想将计时器内容添加到该功能中。

2 个答案:

答案 0 :(得分:0)

setTimeout()removeChild()一起使用:

function rockImage() {
    const img = document.createElement('img');
    img.src = 'https://via.placeholder.com/100';
    img.setAttribute('width', '100');
    
    const parent = document.getElementById('div');
    parent.appendChild(img);
    
    setTimeout(() => parent.removeChild(img), 3000);
}

rockImage();
<div id="div"></div>

答案 1 :(得分:0)

您可以在none函数中将显示样式设置为setTimeout

function rockImage() {
  var img = document.createElement("img");
  img.src = "https://nyppagesix.files.wordpress.com/2018/04/gettyimages-901333660.jpg?quality=90&strip=all&w=618&h=410&crop=1";
  var src = document.getElementById("compChoiceImage");
  img.setAttribute("width", "100");
  src.appendChild(img);
  setTimeout(() => {
    img.style.display = "none";
  }, 2000);
}

rockImage();
<div id="compChoiceImage"></div>