javascript - 如何延迟执行javascript函数

Question

这里我尝试以 6 秒的延迟执行 JavaScript 函数。 我正在正文加载时执行 javascript 函数。我无法了解函数执行的延迟如何为五...

我该怎么做？

这是我的 JavaScript 代码段

代码:

function hideDiv() { 
    if (document.getElementById) { 
        document.getElementById('div').style.visibility = 'hidden'; 
    } 
} 

函数 hideDiv 应在 6 秒后执行

Answer 1

您使用 setTimeout 来安排 JavaScript 函数在将来有时运行。

setTimeout(hideDiv, 6000);

参见MDN for documentation在setTimeout()上。第一个参数是对您希望其执行的函数的引用。第二个参数是延迟毫秒数。

<小时/>

请记住，这不会阻止此语句之后的其他 javascript 执行。这将立即继续执行。它将安排该特定功能在未来指定的时间自行运行。所以，这与其他语言中的 sleep() 不同。它不会停止执行 6 秒。相反，它会安排此特定函数稍后运行，但会继续执行其余的 javascript。

所以，如果您有以下代码:

setTimeout(hideDiv, 6000);
document.getElementById("hello").style.color = "red";

颜色会立即改变，并且 hideDiv() 将在 6 秒内被调用。