在jQuery中,有一個叫做delay的方法,這個方法可以用來延遲執行下一個方法或動畫。
$("p").delay(1000).hide(0);
在上面的代碼中,我們給所有的p標簽加上了一個延遲1秒的效果,然后使用hide方法來將這些p標簽隱藏。
$("p").delay(1000).fadeIn(500);
我們也可以將delay方法和fadeIn方法結合在一起,這樣我們可以讓元素在一定的延遲后緩慢地顯示出來。在上面的代碼中,我們給所有的p標簽加上了一個延遲1秒的效果,然后使用fadeIn方法緩慢地將這些p標簽顯示出來。
var timeoutId = setTimeout(function() { alert("Hello, world!"); }, 2000); $("button").click(function(event) { clearTimeout(timeoutId); });
除了使用delay方法之外,我們還可以使用JavaScript的setTimeout方法來實現延遲執行的效果。在上面的代碼中,我們定義了一個計時器,2秒之后會彈出一個“Hello, world!”的對話框。然后我們為button標簽添加了一個點擊事件,在點擊之后,我們取消了這個計時器的執行。
下一篇彈框居中 css