JavaScript | 在固定时间后调用函数

在前端开发中，需要在一段时间后执行某些操作，可使用setTimeout方法。setTimeout方法可以在给定的时间后调用函数执行。

语法

setTimeout(function, milliseconds, param1, param2, ...)

• function：必需。指定要调用的函数或要执行的代码。在该函数执行时，this关键字会指向Window对象。
• milliseconds：必需。延迟的毫秒数。
• param1, param2, ...：可选。传递给函数的参数列表。

示例

// 延迟3秒后显示"Hello World!"
setTimeout(function() {
  console.log("Hello World!")
}, 3000);

其他注意事项

• setTimeout方法返回一个唯一的标识符（ID），该标识符可用于取消已计划的函数调用，可使用clearTimeout方法。
• 如果需要以相同的时间间隔重复调用函数，则应该使用setInterval方法。
• setTimeout与setInterval的时间参数不一样，setInterval是每隔一段时间执行一次，而setTimeout只是一次执行。

总结

setTimeout方法使得程序员可以在固定时间后执行某些操作，对于实现一些时间敏感的交互效果非常有用。同时对于前端性能也有一定的影响，过多的调用setTimeout会导致浏览器出现卡顿等问题。因此，应合理使用setTimeout方法。