jQuery是一個(gè)JavaScript庫(kù),提供了各種函數(shù)和方法來(lái)簡(jiǎn)化JavaScript編程。其中之一就是計(jì)時(shí)器(timer)。
計(jì)時(shí)器可以用于循環(huán)執(zhí)行代碼。當(dāng)您需要每隔一段時(shí)間執(zhí)行一次代碼時(shí),計(jì)時(shí)器非常有用。例如,您可以在網(wǎng)站上創(chuàng)建一個(gè)可自動(dòng)輪播廣告圖片的計(jì)時(shí)器。
//使用jQuery計(jì)時(shí)器的語(yǔ)法如下: $(selector).animate({params},speed,callback);
此處的selector
指定要操作的HTML元素,params
指定要改變?cè)氐腃SS屬性,speed
指定動(dòng)畫效果的速度,callback
是可選參數(shù),動(dòng)畫完成后要執(zhí)行的函數(shù)。
例如,下面的代碼可以使一個(gè)
標(biāo)簽每隔1秒鐘往右移動(dòng)100像素。
$(document).ready(function(){ setInterval(function(){ $("div").animate({left:'+=100px'},1000); },1000); });
在該代碼中,setInterval()
函數(shù)每隔1秒鐘將執(zhí)行一次匿名函數(shù)。該匿名函數(shù)使用jQuery的animate()方法改變
標(biāo)簽的CSS left屬性。由于CSS left屬性每次增加100像素,
div
標(biāo)簽將每隔1秒鐘向右移動(dòng)100個(gè)像素。jQuery計(jì)時(shí)器的使用使得編寫JavaScript更加簡(jiǎn)潔和簡(jiǎn)單。
上一篇div dx 2
下一篇div css庫(kù)