JS 1秒后执行|极客笔记

JS 1秒后执行

在开发网页应用程序时，我们经常会遇到需要延迟执行某些代码的情况。比如，我们希望在用户执行某个操作后等待1秒钟后再执行下一步操作。在JavaScript中，我们可以使用setTimeout函数来实现延迟执行的效果。

setTimeout函数

setTimeout函数是JavaScript中的一个定时器函数，它可以让我们在指定的时间后执行一段代码。setTimeout函数接受两个参数：第一个参数是一个函数，表示要延迟执行的代码；第二个参数是一个时间值（以毫秒为单位），表示延迟的时间。以下是setTimeout函数的语法：

setTimeout(function, milliseconds);

使用setTimeout实现1秒后执行的效果

假设我们有一个按钮，当用户点击该按钮时，我们希望等待1秒后在控制台输出一条消息。我们可以使用setTimeout函数来实现这个效果，如下所示：

document.getElementById('myButton').addEventListener('click', function() {
    setTimeout(function() {
        console.log('1秒后执行');
    }, 1000);
});

在上面的代码中，我们给按钮添加了一个click事件监听器，当用户点击按钮时，会执行一个匿名函数。在这个匿名函数中，我们调用了setTimeout函数，传入了一个匿名函数和1000毫秒的延迟时间。当用户点击按钮后，1秒钟后会在控制台输出一条消息”1秒后执行”。

运行结果

当用户点击按钮后，1秒钟后会在控制台输出一条消息”1秒后执行”。

总结

通过setTimeout函数，我们可以很方便地实现延迟执行的效果。在开发网页应用程序时，我们可以利用setTimeout函数来延迟执行一些代码，从而提升用户体验。

JS 1秒后执行