setTimeout似乎没有调用该函数

Question

在添加setTimeout之前，该代码非常有效。 现在，无论我如何尝试在setTimeout中调用函数（ setTimeout(function(){fadeOut()},1000); setTimeout("fadeOut()",1000);等），它似乎都无法到达发挥作用。

我是Javascript新手，因此感谢您提供所有帮助=]

JavaScript代码：

var slideArray = ["slide1","slide2","slide3","slide4","slide5","slide6"];
var currentSlide = null;
var current = null;
var done = false;

function fade(newSlide)
{
    if(currentSlide === null)
    {
        currentSlide = slideArray[0];
        document.getElementById(currentSlide).style.opacity = 1.0;

        for(var i=1;i<slideArray.length;i++)
            document.getElementById(slideArray[i]).style.opacity = 0.0;
    }

    current = document.getElementById(currentSlide);
    done = false;
    do
    {
        window.setTimeout(fadeOut,1000);
    } while(done == false);

    currentSlide = newSlide;
    current = document.getElementById(currentSlide);
    done = false;

    do
    {
        window.setTimeout(fadeIn,1000);
    } while(done == false);
}

function fadeOut()
{
    if(parseFloat(current.style.opacity)-0.1>.0000001)
    {
    current.style.opacity = parseFloat(current.style.opacity) -0.1;
        done = false;
    }
    else
    {
        current.style.opacity = 0.0;
        done = true;
    }
}

function fadeIn()
{
    if(0.9-parseFloat(current.style.opacity)>.0000001)
    {
        current.style.opacity = parseFloat(current.style.opacity)+0.1;
        done = false;
    }
    else
    {
        current.style.opacity = 1.0;
        done = true;
    }
}

Answer 1

您不能使用以下结构：

do
{
    window.setTimeout(fadeIn,1000);
} while(done == false);

因为setTimeout()的代码稍后会运行，所以您的done值将永远不会更改，并且此循环将永远运行。 而且，只要它运行， setTimeout()也不会触发（因为javascript是单线程的）。

相反，您应该做的是如果未完成， fadeIn()函数启动下一个setTimeout(fadeIn, 1000) 。

function fadeOut()
{
    if(parseFloat(current.style.opacity)-0.1>.0000001)
    {
        current.style.opacity = parseFloat(current.style.opacity) -0.1;
        setTimeout(fadeOut, 1000);
    }

    else
    {
        current.style.opacity = 0.0;
    }
}

Answer 2

请记住，javascript是单线程的，因此在完成当前脚本的运行之前，不会调用setTimeout'et函数。 这将永远不会发生，因为您处在一个永无止境的循环中（直到所有这些setTimeout的内存不足为止）。 只需调用一次setTimeout，然后让函数返回即可。 忘记了等待它发生的想法。