我有一个以 5000
间隔更改图像的幻灯片。
显示一张图片与另一张图片之间的进度条的函数如下:
function timebar(){
$('#timebar').stop().css({width:0});
$('#timebar').animate({width:'100%'},5000);
}
我在幻灯片加载后调用此函数,以便它们同时处理。
我希望此函数循环,以便为每张幻灯片重置时间栏:
function timebar(){
$('#timebar').stop().css({width:0});
$('#timebar').animate({width:'100%'},5000);
setTimeout(timebar(),5000);
}
但是,完成此操作后,我收到错误超出最大调用堆栈大小
。
如何让此函数每 5000
ms 重复一次?
最佳答案
您需要将函数引用传递给setTimeout
,当前您正在递归调用timebar()
函数,而setTimeout
根本没有用处.
您需要使用
setTimeout(timebar,5000);
而不是
setTimeout(timebar(),5000);
关于javascript - 如何循环播放幻灯片上进度条的函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29142374/