Javascript/jQuery pure javascript equivalent of code

Question

I'm looking to translate this code into pure javascript so I don't have to use jquery:

$('#msg').show(0).delay(5000).hide(0);

What would be the javascript equivalent?

Praveen Kumar Purushothaman · Accepted Answer · 2016-04-28 09:33:13Z

5

You can use the following code:

document.getElementById("msg").style.display = 'block';
setTimeout(function () {
  document.getElementById("msg").style.display = 'none';
}, 5000);

#msg {background: #f90; width: 50px; height: 50px;}

<div id="msg">
  Hello
</div>

I have given the CSS for demo purposes to be clear.

answered Apr 28, 2016 at 9:33

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

silkAdmin · Accepted Answer · 2016-04-28 09:37:12Z

-1

An other version of Praveen code using opacity.

var p = document.getElementById('msg');

p.style.opacity = 1;

setTimeout(function() {
 p.style.opacity = 0;
}, 5000)

edited Apr 28, 2016 at 9:37

answered Apr 28, 2016 at 9:35

silkAdmin

4,84011 gold badges57 silver badges85 bronze badges

4 Comments

Vidul Over a year ago

jQuery hide is roughly equivalent to calling .css( "display", "none" ).

silkAdmin Over a year ago

In many case it will work just the same and in other case it might work while display none wouldn't. So still a valid option. No reason to down vote this

severin.julien Over a year ago

In many case yes. But display is the best option to use, it has been made for this purpose

Praveen Kumar Purushothaman Over a year ago

Opacity is the better form of visibility. 1. Opacity has less browser support than display. 2. Opacity doesn't remove the element from the view.

Collectives™ on Stack Overflow

Javascript/jQuery pure javascript equivalent of code

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related