2013-10-22 89 views
0

我有一個移動網站,我希望通過css3過渡顯示的nav在3秒後關閉。轉換全部在css no js中,一個關於觸發導航關閉的錨標記的類。 (代碼是例子:a href="#" class="close_nav")。班級close_nav設置爲顯示:無3秒後在js中啓動課程

如何在3秒後關閉它?

+0

見:https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration –

+0

[setTimeout的()](HTTPS://顯影劑.mozilla.org/zh-CN/docs/Web/API/Window.setTimeout) – Blazemonger

回答

1

設置css中動畫的延遲時間爲3秒; http://www.w3schools.com/cssref/css3_pr_animation-delay.asp

它可以幫助

transition-delay: 3s; 

添加到CSS動畫與瀏覽器一起前綴

+0

+1雖然外部鏈接顯示更多細節通常很方便,但將核心點作爲答案的一部分,以便它保留在SO上以保存未來訪客點擊或兩個。 – Basic

+1

它也可以是有用的人進行自我教育,但我同意你的觀點 –

2

爲了延遲一段時間後啓動一些JavaScript,使用的setTimeout()。

像這樣:

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