Javascript / jQuery纯javascript相当于代码

Question

我希望将此代码转换为纯JavaScript，因此我不必使用jquery：

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

什么是javascript等价物？

Answer 1

您可以使用以下代码：

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>

我已经将CSS用于演示目的了。

Answer 2

使用不透明度的其他版本的Praveen代码。

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

p.style.opacity = 1;

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