javascript - 不知道为什么这不起作用 - Javascript 基本增量函数

Question

我正在编写代码来增加最基本的进度条......它不起作用。这些是使用的变量:

map.progress_bar = // the progress div that grows inside a container div that is the width of the screen (100%);

progress = 0;

state.window_width = // the width of the window or otherwise $(window).width();

setTimeout(function incProgress(){
        if ( map.progress_bar.width() < state.window_width ) {
            progress += 10;
            map.progress_bar.css({
                width: String(progress + '%')
            });
            console.log('progress: ', map.progress_bar.width());
            console.log('window: ', state.window_width);
            setTimeout(incProgress(), 300);
        }
    }, 300);

请不要让我做 setInterval。请给我解释一下为什么这不起作用，我感到很不高兴。

Answer 1

setTimeout(incProgress(), 300);

您正在调用该函数并将其返回值(未定义)传递给setTimeout。

您需要将一个函数传递给setTimeout。

删除()。