js有两种专用定时器函数,分别为:
倒计时定时器:var timename = setTimeout("function()",delaytime);
循环定时器:var timename = setInterval("function()",delaytime);
说明:a.其中function()是定时器触发后将要执行的函数,可以是一个函数,也可以是多个函数,多个函数用“;”隔开。
b.第一个参数也可以使函数名称或函数句柄字符串,当使用函数名作为参数时,不能含有参数;当使用函数名字符串作为参数时则可以带参数,
例如:
setInterval("hello(laowang)",delaytime);//带参数形式。
setInterval(hello,delaytime); //不带参数形式
c.参数delaytime是定时器间隔时间,以毫秒为单位。如5000代表5秒。
d.倒计时定时器只执行一次,在倒计时结束后执行。循环定时器,根据间隔时间反复执行。
清除定时器:
clearTimeout(倒计时对象);
clearInterval(循环定时对象);
例如:
//定时器
var interval = setInterval(function(){
var current = $("#imgNum .on");//获取当前被选中的数字对象
var index = parseInt(current.text());//获取选中的图片的数字
var numList = $("#imgNum li"); //获取数字数组对象,是一个dom数组
current.removeClass("on");//移除已选择的数字样式
if(index<liNum){//设置新数字的选择样式
numList[index].className="on";
changImg(index,liNum);
}else{
numList[0].className="on";
changImg(0,liNum);
}
},5000);