setTimeout(function() {
     $('.message').hide();
}, 5000);

这将隐藏'。5秒后消息' div。

像这样使用延迟函数:

var delay = ( function() {
    var timer = 0;
    return function(callback, ms) {
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
    };
})();

用法:

delay(function(){
    // do stuff
}, 5000 ); // end delay

学分:如何延迟.keyup()处理程序，直到用户停止输入?

你不应该只是尝试在javascript中暂停5秒。事情不是这样的。您可以安排一个代码函数从现在开始运行5秒，但是您必须将稍后要运行的代码放入一个函数中，并且该函数之后的其余代码将继续立即运行。

例如:

function stateChange(newState) {
    setTimeout(function(){
        if(newState == -1){alert('VIDEO HAS STOPPED');}
    }, 5000);
}

但是，如果你有这样的代码:

stateChange(-1);
console.log("Hello");

console.log()语句将立即运行。它不会等到超时在stateChange()函数中触发之后。你不能只是在预定的时间内暂停javascript执行。

相反，任何想要运行延迟的代码都必须在setTimeout()回调函数中(或从该函数调用)。

如果您试图通过循环来“暂停”，那么您实际上是在“挂起”Javascript解释器一段时间。因为Javascript只在一个线程中运行代码，当循环时，其他任何东西都不能运行(不能调用其他事件处理程序)。因此，循环等待某个变量的改变永远不会起作用，因为没有其他代码可以运行来改变该变量。

这个解决方案来自React Native的刷新控件文档:

function wait(timeout) {
    return new Promise(resolve => {
        setTimeout(resolve, timeout);
    });
}

要将此应用于OP的问题，您可以使用此函数与await配合使用:

await wait(5000);
if (newState == -1) {
    alert('Done');
}

你必须把你的代码放在你提供给setTimeout的回调函数中:

function stateChange(newState) {
    setTimeout(function () {
        if (newState == -1) {
            alert('VIDEO HAS STOPPED');
        }
    }, 5000);
}

任何其他代码将立即执行。

如果你有一个asyn函数，你可以这样做:

await new Promise(resolve => setTimeout(resolve, 5000));