在web開發中,時間控制經常用到,為了方便開發者,jQuery提供了一個非常好用的timer控件。
$('selector').everyTime(interval, function() {
//執行的操作
});
上面的代碼中,"selector"是指定要操作的html元素,"interval"是每次操作的時間間隔,單位是毫秒。每次操作執行的內容,都在"function(){}"里面寫。也可以在任意代碼中停止timer。
$('selector').stopTime();
同樣的,我們也可以指定要停止的timer。
$('selector').stopTime('timername');
上面代碼中,"timername"是指定要停止的timer名稱。
jQuery的timer不僅可以執行無限循環操作,也可以設定循環次數。
$('selector').oneTime(interval, function() {
//執行的操作
});
上面的代碼中,"interval"指定時間間隔,"function(){}"是每個操作執行的內容。當需要循環多次時,可以像下面這樣使用:
$('selector').oneTime(interval, 'timername', function() {
//執行的操作
if(/**循環次數達到要求,則停止*/){
$('selector').stopTime('timername');
}
});
上面的代碼中,"timername"是指定的timer名稱,"if"語句里可以設定停止timer的條件。
jQuery的timer控件非常易用,并且擁有強大的功能,是一款web開發過程中少不了的工具。大家可以在開發中進行實際嘗試,也可以參考官方文檔深入了解。