有没有办法在javascript中使用display:none和一些延迟（随着时间的推移消失）？

我在脚本中制作了一些元素，并对它们进行了样式化，我的问题是我如何能够对此进行延迟：

var span = document.createElement("SPAN");
var txt = document.createTextNode("\u00D7");
span.className = "close";
span.appendChild(txt);
li.appendChild(span);
var div = this.parentElement;
div.style.display= "none";

---

您可以使用

setTimeout

进行延迟

setTimeout(function(){ div.style.display= "none"; }, 5000);

像

---

它是有效的。。。但我想要的另一件事是慢慢消失。。使用此函数，它会在5秒后立即消失。@amirmasud111我在代码段中添加了新代码。请检查。@amirmasud111非常欢迎您

var span = document.createElement("SPAN");
var txt = document.createTextNode("\u00D7");
span.className = "close";
span.appendChild(txt);
li.appendChild(span);
var div = this.parentElement;
setTimeout(function(){ div.style.display= "none"; }, 5000);