我一直在撰寫網站代碼，但我希望訊息在幾秒鐘后消失/不顯示。我嘗試了不同的代碼片段，但我似乎無法用我的代碼正確插入它們。有什么辦法可以讓它在一定時間后停止顯示？
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>uj5u.com熱心網友回復：
你應該使用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>uj5u.com熱心網友回復：
嘗試這個。
這將使用超時而不是間隔。
// Element to remove
const targetId = 'done';
// Set HTML of element with id 'done' to 'Done!'
document.getElementById(targetId).innerHTML = "Done!";
// Set a Timeout which will call the function inside after 2000ms (2 seconds)
setTimeout(function () {
// Remove the target element with id 'done'
document.getElementById(targetId).remove();
}, 2000);<h2 style="color:green;" id="greendisp"><span id="done"></span></h2>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/517103.html