I have been coding a website, but I want a message to disappear/not display after a few seconds. I tried different code snippets but I cannot seem to plug them in properly with my code. Is there any way I could make it stop displaying after a certain amount of time?
var done = "Done!";
document.getElementById("done").innerHTML = done;
var startTime = new Date().getTime();
var interval = setInterval(function() {
if (new Date().getTime() - startTime > 2000) {
clearInterval(interval);
return;
}
done.getElementById.remove("done");
}, 2000);<h2 style="color:green;" id="greendisp">
<span id="done"></span>
</h2>>Solution :
You should use setTimeout
const done = "Done!";
document.getElementById("done").innerHTML = done;
setTimeout(() => {
document.getElementById("done").remove()
}, 2000)<h2 style="color:green;" id="greendisp"><span id="done"></span></h2>