我试图让图像在2秒后消失,但我不知道该怎么做。
我看过网上,但还没有真正发现有用的东西。
function rockImage() {
var img = document.createElement("img");
img.src = "rock.png";
var src = document.getElementById("compChoiceImage");
img.setAttribute("width", "100");
src.appendChild(img);
}
这是创建图像的功能,我想将计时器内容添加到该功能中。
答案 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>