3秒后在js中启动一个类

Question

我有一个移动网站，我希望通过css3过渡到3秒后关闭的导航。转换全部在css no 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动画以及浏览器前缀