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