'循环'JavaScript函数

Question

我有以下脚本.

function slideShow1(){
    document.getElementById('dynimg').src="Other/noctis.jpg";
    var timer1 = setTimeout(slideShow2(),5000);
}

function slideShow2(){
    document.getElementById('dynimg').src="Other/retriever.jpg";
    var timer2 = setTimeout(slideShow3(),5000);
}

function slideShow3(){
    document.getElementById('dynimg').src="Other/miningop2.jpg";
    var timer3 = setTimeout(slideShow1(),5000);
}

这很粗糙,我知道......而且它也没有用.我们的想法是让每个函数在给定的时间段后触发下一个函数,从而创建幻灯片,其中img重复更改.我想使用body onload ="slideShow1()"

Answer 1

这些括号会导致您的函数立即执行.

setTimeout(slideShow2(), 5000);

因此,您认为您正在传递函数,setTimeout但实际上正在执行函数并传递其返回值(undefined在本例中).

因此,您的函数会立即被调用,并且setTimout五秒后无法执行任何操作.

只需删除括号:

function slideShow1(){
    document.getElementById('dynimg').src = "Other/noctis.jpg";
    setTimeout(slideShow2, 5000);
}

function slideShow2(){
    document.getElementById('dynimg').src = "Other/retriever.jpg";
    setTimeout(slideShow3, 5000);
}

function slideShow3(){
    document.getElementById('dynimg').src = "Other/miningop2.jpg";
    setTimeout(slideShow1, 5000);
}