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 以便演示。