如何延迟javascript函数的执行

Question

这里我试图用6秒的延迟执行JavaScript函数。 我在body onload上执行javascript函数。我无法得到如何延迟执行函数的时间......

我该怎么做？

这是我的javascript代码段

代码：

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

函数hideDiv应在6秒后执行

Answer 1

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

setTimeout(hideDiv, 6000);

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

---

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

所以，如果你有这个代码：

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

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

Answer 2

试试这个：

setTimeout(functionName,5000);

Answer 3

使用setTimeout函数，如下所示：

setTimeout(hideDiv, 6000);