如何设置多个超时?
请帮助我...
timeout:'1000, 2000, 3000'
这是行不通的。
timeout
您应该使用并定义一个函数,而不是使用该属性,timeoutFn
该函数返回等待下一张幻灯片的毫秒数。
例如,如果您只有 3 张幻灯片并且您想要使用这 3 个超时(1000、2000、3000),那么我假设在最后一次超时之后您希望再次使用第一个超时(每张图片都有时间留在屏幕上)。因此,在这种情况下,代码将只是:
$('#s1').cycle({
timeoutFn: function (curr, next, opts, isForward) {
return (opts.currSlide + 1) * 1000;
}
});
另一方面,如果要设置超过 3 张幻灯片,则可以使用自己的属性(如数组和计数器)并在函数内部使用它们来计算相应的超时时间:
$('#s1').cycle({
timeoutFn: function(currElement, nextElement, opts, isForward) {
opts.myTimeoutCount = (opts.myTimeoutCount + 1) % opts.myTimeouts.length;
return opts.myTimeouts[opts.myTimeoutCount];
},
myTimeouts: [1000, 2000, 3000],
myTimeoutCount: 0
});
最后,如果不想在最后一次超时后显示任何其他幻灯片,那么您应该简单地使用autostop
&autostopCount
属性:
$('#s1').cycle({
autostop: true,
autostopCount: 3,
timeoutFn: function (curr, next, opts, isForward) {
return (opts.currSlide + 1) * 1000;
}
});