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

Question

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";

Mohammad Ali Rony · Accepted Answer · 2019-11-17T05:00:24.517

3

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

edited Nov 17 '19 at 05:00

answered Oct 29 '19 at 07:11

Mohammad Ali Rony

4,695
3
19
33

it works... but another thing i want this,is to disappear slowly .. with this function it disappear after 5 sec immediately . – Nov 15 '19 at 08:45
@amirmasud111 I have added new codes in the snippet. please check. – Mohammad Ali Rony Nov 15 '19 at 18:07
@amirmasud111 you are most welcome – Mohammad Ali Rony Apr 30 '20 at 10:07

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

1 Answers1