Javascript jQuery-未为最后一张幻灯片执行间隔-动画故障
我正在创建一个滑块,但是使用了一堆div而不是图像。我一共有3个div,前两个可以移动得很好,但最后一个飞得很快-它显示了一会儿,然后移回第一个div。我只希望它显示与前两个相同的时间。以下是我的html代码:Javascript jQuery-未为最后一张幻灯片执行间隔-动画故障,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个滑块,但是使用了一堆div而不是图像。我一共有3个div,前两个可以移动得很好,但最后一个飞得很快-它显示了一会儿,然后移回第一个div。我只希望它显示与前两个相同的时间。以下是我的html代码: <div id="ibToShow"> <div id='sliderWrapper'> <div class="infoBox" id="infob1"> blablabla </
<div id="ibToShow">
<div id='sliderWrapper'>
<div class="infoBox" id="infob1">
blablabla
</div>
<div class="infoBox" id="infob2">
blablabla
</div>
<div class="infoBox" id="infob3">
blablabla
</div>
</div>
</div>
我感觉到这可能是因为动画在第三个div出现后立即停止了。但它不应该等待showTime中的设置吗
这个问题还没有解决。有人吗?在上一个动画结束后,您正在将左边距更改为0。 我认为这样做会更好:
function startSlider() {
interval = setInterval(function () {
if(currentDiv++ <== $infoBox.length) {
$sliderWrapper.animate({'margin-left': '-=' + width}, animationSpeed);
}
else {
$sliderWrapper.animate({'margin-left': '0'}, animationSpeed);
currentDiv = 0;
}
}, showTime);
}
函数startSlider(){
间隔=设置间隔(函数(){
如果(currentDiv++在上一个动画结束后,您正在将左边距更改为0。
我认为这样做会更好:
function startSlider() {
interval = setInterval(function () {
if(currentDiv++ <== $infoBox.length) {
$sliderWrapper.animate({'margin-left': '-=' + width}, animationSpeed);
}
else {
$sliderWrapper.animate({'margin-left': '0'}, animationSpeed);
currentDiv = 0;
}
}, showTime);
}
函数startSlider(){
间隔=设置间隔(函数(){
如果(currentDiv++,==
应替换为,则==
应替换为