Подождите 5 секунд перед выполнением следующей строки

Эта функция ниже не работает так, как я хочу; будучи новичком JS, я не могу понять, почему.

Мне нужно подождать 5 секунд, прежде чем проверять, newStateесть ли -1.

В настоящее время он не ждет, он просто проверяет сразу.

function stateChange(newState) {
  setTimeout('', 5000);

  if(newState == -1) {
    alert('VIDEO HAS STOPPED');
  }
}

Вы должны поместить свой код в функцию обратного вызова, которую вы предоставляете setTimeout:

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

Любой другой код будет выполнен немедленно.

Вы действительно не должны этого делать , правильное использование тайм-аута является подходящим инструментом для решения проблемы ОП и любого другого случая, когда вы просто хотите запустить что-то через определенный промежуток времени. Джозеф Силбер хорошо показал это в своем ответе. Однако, если в каком-то непроизводственном случае вы действительно хотите повесить основной поток на некоторое время, это будет сделано.

function wait(ms){
   var start = new Date().getTime();
   var end = start;
   while(end < start + ms) {
     end = new Date().getTime();
  }
}

С исполнением в виде:

console.log('before');
wait(7000);  //7 seconds in milliseconds
console.log('after');

Я приехал сюда, потому что я создавал простой тестовый пример для упорядочения сочетания асинхронных операций вокруг длительных операций блокировки (т. Е. Дорогостоящей манипуляции с DOM), и это моя операция имитации блокировки. Это хорошо подходит для этой работы, поэтому я решил опубликовать ее для всех, кто прибывает сюда с аналогичным сценарием использования. Тем не менее, он создает объект Date () в цикле while, который может сильно перегружать GC, если он выполняется достаточно долго. Но я не могу особо подчеркнуть, это подходит только для тестирования, для создания любой реальной функциональности вы должны обратиться к ответу Джозефа Силбера.

Вот решение с использованием нового синтаксиса async / await .

Обязательно проверьте поддержку браузера, так как это новая функция, представленная в ECMAScript 6.

Вспомогательная функция:

const delay = ms => new Promise(res => setTimeout(res, ms));

Использование:

const yourFunction = async () => {
  await delay(5000);
  console.log("Waited 5s");

  await delay(5000);
  console.log("Waited an additional 5s");
};

Преимущество этого подхода в том, что он делает ваш код похожим на синхронный код.

Используйте функцию задержки как это:

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

Использование:

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

Кредиты: Как отложить обработчик .keyup (), пока пользователь не перестанет печатать?

Вы не должны просто пытаться сделать паузу в 5 секунд в JavaScript. Это не работает таким образом. Вы можете запланировать выполнение функции кода через 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 запускает ваш код только в одном потоке, когда вы зацикливаетесь, ничто другое не может выполняться (никакие другие обработчики событий не могут быть вызваны). Таким образом, циклическое ожидание изменения какой-либо переменной никогда не будет работать, потому что никакой другой код не может быть запущен для изменения этой переменной.

Если вы находитесь в асинхронной функции, вы можете просто сделать это в одной строке:

console.log(1);
await new Promise(resolve => setTimeout(resolve, 3000)); // 3 sec
console.log(2);

Обратите внимание , что если целью является NodeJS, будет более эффективно использовать это (это предопределенная обещанная функция setTimeout):

await setTimeout[Object.getOwnPropertySymbols(setTimeout)[0]](3000) // 3 sec

Попробуй это:

//the code will execute in 1 3 5 7 9 seconds later
function exec() {
    for(var i=0;i<5;i++) {
        setTimeout(function() {
            console.log(new Date());   //It's you code
        },(i+i+1)*1000);
    }
}

Лучший способ создать такую ​​функцию для ожидания в миллисекундах, эта функция будет ожидать миллисекунды, указанные в аргументе:

function waitSeconds(iMilliSeconds) {
    var counter= 0
        , start = new Date().getTime()
        , end = 0;
    while (counter < iMilliSeconds) {
        end = new Date().getTime();
        counter = end - start;
    }
}

Это решение взято из документации React Native для управления обновлением :

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

Чтобы применить это к вопросу ОП, вы можете использовать эту функцию в координации с await:

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

Основываясь на ответе Джозефа Силбера , я бы сделал это немного более обобщенно.

Вы бы получили свою функцию (давайте создадим ее на основе вопроса):

function videoStopped(newState){
   if (newState == -1) {
       alert('VIDEO HAS STOPPED');
   }
}

И вы могли бы иметь функцию ожидания:

function wait(milliseconds, foo, arg){
    setTimeout(function () {
        foo(arg); // will be executed after the specified time
    }, milliseconds);
}

В конце у вас будет:

wait(5000, videoStopped, newState);

Это решение, я бы предпочел не использовать аргументы в функции ожидания (чтобы иметь только foo();вместо foo(arg);), но это для примера.

Вы можете добавить задержку, внеся небольшие изменения в вашу функцию (async и await).

const add5SecondsDelay = () => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('5 seconds');
    }, 50000);
  });
}

async function asyncFunctionCall() {

  console.log("stpe-1"); 
  const result = await add5SecondsDelay ();
  console.log("step-2 after 5 seconds delay"); 

}

asyncFunctionCall();

используя angularjs:

$timeout(function(){
if(yourvariable===-1){
doSomeThingAfter5Seconds();
}
},5000)

Создать новую функцию Js

function sleep(delay) {
        var start = new Date().getTime();
        while (new Date().getTime() < start + delay);
      }

Вызывайте функцию, если вы хотите отложить выполнение. Используйте миллисекунды в int для значения задержки.

####Some code
 sleep(1000);
####Next line

Я использовал его для запуска компьютерных игр от края или IE. И он самозакрывается IE Edge через 7 секунд.

Firefox и Google Chrome не могут быть использованы для запуска игр таким образом.

<html<body>
<a href="E:\game\game.exe" name="game" onmouseout="waitclose(7000);"> game
<img src="game.jpg" width="100%" height="97%" ></a>
<script>
function waitclose(ms){
 var start = new Date().getTime();var end=start;
 while(end < start + ms) {end = new Date().getTime();}
window.open('', '_self', ''); window.close();
}
</script>
</body></html>