javascript的setTimeout()使用方法总结

技术文章：JavaScript的setTimeout()使用方法总结

概述

setTimeout() 是JavaScript函数中的一个内置函数，它可以在指定时间后调用一个函数。

setTimeout() 接收两个参数：第一个参数接收一个函数作为回调函数，第二个参数接收一个以毫秒为单位的延迟时间。

语法

setTimeout(callback, delay)

• callback： 必须。要执行的函数。
• delay： 可选。执行函数前需要等待的毫秒数。如果省略该参数，则默认为0。

注意事项

• 如果您指定的时间间隔为 "0ms"，则该函数仍然需要等待一定的时间才能执行函数。
• 如果第二个参数是一个字符串，则它将被视为一个eval()的可执行代码字符串。使用这种技术可能会很危险，因为它会在全局上下文中执行代码。
• 实际使用 setTimeout() 函数执行代码时，对于每个间隔，都会在全局作用域中运行该函数。这意味着在setTimeout函数中声明的变量将成为全局变量。

示例说明

示例1：以纯文本形式输出“Hello World！”（2秒后）

setTimeout(function() { 
    console.log("Hello World!");
}, 2000);

上面这个示例演示了如何在2秒后以纯文本形式输出 “Hello World！” 这个字符串。

示例2：在HTML页面上创建500px宽度、400px高度的红色div元素（3秒后）

setTimeout(function() {
    var div = document.createElement('div');
    div.style.width = '500px';
    div.style.height = '400px';
    div.style.background = 'red';
    document.body.appendChild(div);
}, 3000);

上面这个示例演示了如何在3秒后，在HTML页面上创建一个红色的div元素，该元素的宽度为500px，高度为400px。

结论

setTimeout()是JavaScript中的一个有用的函数。它可以让您在特定的时间点执行一些代码，而不必阻塞 JavaScript 的执行。当您需要在您的页面上执行某些操作之前等待一段时间时，setTimeout() 就是一个非常有用的工具。