关键词

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() 就是一个非常有用的工具。

本文链接:http://task.lmcjl.com/news/9956.html

展开阅读全文