var indexed = 0;
var mySetInt;
var timeSetInt;
$("#bannerDiv ul li:eq(0)").css({"background-image": "url(imgs/banner_01.jpg)","z-index": "1"});
$("#bannerDiv ul li:eq(1)").css("background-image", "url(imgs/banner02.jpg)");
$("#bannerDiv ul li:eq(2)").css("background-image", "url(imgs/banner03.jpg)");
mySetInt = setInterval(mySetIntFun, 5000);
timeSetInt =
function mySetIntFun() {
if(indexed >= 2) {
var index = 0;
} else {
var index = indexed + 1;
}
$("#bannerDiv ol li").eq(index).attr("class", "clickLi").siblings().removeAttr("class");
$("#bannerDiv ul li").eq(index).css({"left": "1920px","z-index": "2"}).animate({"left": "0px"}, 1000);
$("#bannerDiv ul li").eq(index).siblings().css("z-index", "0");
$("#bannerDiv ul li").eq(indexed).css("z-index", "1");
indexed = index;
}
$("#bannerDiv ol li").click(function() {
clearInterval(mySetInt);
var index = $(this).index();
if(index != indexed) {
// clearInterval(mySetInt01);
$(this).attr("class", "clickLi").siblings().removeAttr("class");
$("#bannerDiv ul li").eq(index).css({"z-index": "2"}).animate({"left": "0px"}, 1000);
$("#bannerDiv ul li").eq(index).siblings().css("z-index", "0");
$("#bannerDiv ul li").eq(indexed).css("z-index", "1");
indexed = index;
} else {};
var mySetInt01;
mySetInt01 = setInterval(mySetIntFun01, 5000);
function mySetIntFun01() {
if(indexed >= 2) {
var index = 0;
} else {
var index = indexed + 1;
}
$("#bannerDiv ol li").eq(index).attr("class", "clickLi").siblings().removeAttr("class");
$("#bannerDiv ul li").eq(index).css({
"left": "1920px",
"z-index": "2"
}).animate({
"left": "0px"
}, 1000);
$("#bannerDiv ul li").eq(index).siblings().css("z-index", "0");
$("#bannerDiv ul li").eq(indexed).css("z-index", "1");
indexed = index;
}
});
我在click事件里写了个新的定时器,但是每次触发click事件都会执行后面的定时器,到后面就会发生混乱,求大神指导,该怎么改才对