jQuery 定時器是非常有用的一個功能,它可以用于實現各種各樣的功能,如輪播圖、倒計時等等。
在 jQuery 中,定時器主要由兩個函數實現:
$().setInterval()
和
$().setTimeout()
其中,setInterval()
可以周期性地執行一個函數,setTimeout()
可以在指定的時間后執行一次函數。
下面是一個以setInterval()
為例的使用場景:
$("button").click(function(){
var i = 0;
var timer = setInterval(function(){
i++;
$("div").html(i);
if(i == 10){
clearInterval(timer);
}
},1000);
});
上面的代碼表示,在用戶點擊按鈕后,每隔一秒鐘將div
中的文本改為 1、2、3……一直到 10,當 i 到達 10 后,定時器會自動停止。
需要注意的是,在使用定時器時一定要小心,不要造成頁面卡頓或者死循環等問題。
總之,掌握好 jQuery 定時器的應用,可以幫助我們更好地實現頁面效果,提高用戶體驗。
下一篇層疊樣式表 css