javascript - 如何循环播放幻灯片上进度条的函数？

Question

我有一个以 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);
}

但是，完成此操作后，我收到错误超出最大调用堆栈大小。

如何让此函数每 5000ms 重复一次？

Answer 1

您需要将函数引用传递给setTimeout，当前您正在递归调用timebar()函数，而setTimeout根本没有用处.

您需要使用

setTimeout(timebar,5000);

而不是

setTimeout(timebar(),5000);