javascript - 3秒后在js中发起一个类

Question

我有一个移动网站，我希望通过 css3 转换显示的导航在 3 秒后关闭。过渡全部在 css 中，没有 js，锚标签上有一个触发导航关闭的类。（代码是示例：）a href="#" class="close_nav"。类 close_nav 刚刚设置为 display: none

如何让它在 3 秒后关闭？

Answer 1

为了在延迟后启动一些 javascript，请使用 setTimeout()。

像这样：

setTimeout(function(){
    var d = document.getElementById("your element");
    d.className = "close_nav";
},3000);

Answer 2

在css中设置动画延迟3秒；http://www.w3schools.com/cssref/css3_pr_animation-delay.asp

它可能有助于添加

transition-delay: 3s;

到 CSS 动画以及浏览器前缀