is there any way to use display:none with some delay (disappear over time)in javascript?

Admin 1
Viewed 157

I made some element in script, and i styled them , my problem is how can i make some delay to this : 

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";
javascript
1 Answers

you can use setTimeout for delay

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

like

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);
user_27731840
Related