setTimeout 是如何工作的？ [复制]

Question

-所以我显然试图让两个函数在使用 setTimeout 的计时器上自动运行。但是我不确定它是如何工作的。当我搜索它时，我所能看到的只是它在一个函数中。那么我如何将它放在函数之外呢？

function ChangeImage() {
    if(position < TrafficL.length) {
    document.getElementById("myImage").src = TrafficL[position];
    position++
    }
}
function RestartPos() {
    if (position==3)
    document.getElementById("myImage").src = TrafficL["position"]
    position=0


    var setTimeout = (ChangeImage(),1500)
    var setTimeout = (RestartPos(),6000) 

Answer 1

你应该把 setTimeout 作为一个函数来调用：

setTimeout(ChangeImage,1500);
setTimeout(RestartPos,6000);

ChangeImage 和 RestartPos 就像引用函数的变量。如果你在它们后面加上括号，你会立即调用它们，但你想在给定时间后调用它们。

你可以将setTimeout()返回的值存储在一个变量中，但这只是为了以后取消倒计时：

// nothing happens, because the timeout was cancelled in 1.5s
var t = setTimeout(ChangeImage,1500);
clearTimeout(t);