JavaScript或jQuery中延迟100毫秒后执行代码的方法

ChatGPT4o 使用 ChatGPT 4o 回答

问题:

使用js或jq,怎么才能延迟100毫秒后继续执行?

回答:

在JavaScript或jQuery中,你可以使用setTimeout函数来延迟执行代码。以下是如何延迟100毫秒后继续执行代码的示例:

使用纯JavaScript

setTimeout(function() {
    // 这里是延迟100毫秒后执行的代码
    console.log("延迟100毫秒后执行的代码");
}, 100);

使用jQuery

jQuery本身并没有提供直接的延迟执行方法,但你可以依然使用JavaScript的setTimeout函数,因为jQuery是基于JavaScript的。以下是一个示例:

$(document).ready(function() {
    setTimeout(function() {
        // 这里是延迟100毫秒后执行的代码
        console.log("延迟100毫秒后执行的代码");
    }, 100);
});

使用Promise和async/await(现代JavaScript)

如果你更喜欢使用Promise和async/await来处理异步操作,可以创建一个延迟函数:

function delay(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function executeAfterDelay() {
    await delay(100);
    // 这里是延迟100毫秒后执行的代码
    console.log("延迟100毫秒后执行的代码");
}

executeAfterDelay();

这种方法使得代码更具可读性,特别是在处理多个异步操作时。