在jQuery中,有一個(gè)叫做delay的方法,這個(gè)方法可以用來延遲執(zhí)行下一個(gè)方法或動(dòng)畫。
$("p").delay(1000).hide(0);
在上面的代碼中,我們給所有的p標(biāo)簽加上了一個(gè)延遲1秒的效果,然后使用hide方法來將這些p標(biāo)簽隱藏。
$("p").delay(1000).fadeIn(500);
我們也可以將delay方法和fadeIn方法結(jié)合在一起,這樣我們可以讓元素在一定的延遲后緩慢地顯示出來。在上面的代碼中,我們給所有的p標(biāo)簽加上了一個(gè)延遲1秒的效果,然后使用fadeIn方法緩慢地將這些p標(biāo)簽顯示出來。
var timeoutId = setTimeout(function() { alert("Hello, world!"); }, 2000); $("button").click(function(event) { clearTimeout(timeoutId); });
除了使用delay方法之外,我們還可以使用JavaScript的setTimeout方法來實(shí)現(xiàn)延遲執(zhí)行的效果。在上面的代碼中,我們定義了一個(gè)計(jì)時(shí)器,2秒之后會(huì)彈出一個(gè)“Hello, world!”的對(duì)話框。然后我們?yōu)閎utton標(biāo)簽添加了一個(gè)點(diǎn)擊事件,在點(diǎn)擊之后,我們?nèi)∠诉@個(gè)計(jì)時(shí)器的執(zhí)行。