Зачекайте 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 () в циклі часу, який може дуже переповнити GC, якщо він працює досить довго. Але я не можу наголосити достатньо, це підходить лише для тестування, для побудови будь-якої фактичної функціональності, на яку слід звернутися до відповіді Джозефа Сілбера.

Ось рішення з використанням нового синтаксису асинхрон / очікування .

Не забудьте перевірити підтримку браузера, оскільки це нова функція, представлена ​​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;
    }
}

Грунтуючись на Джозефа Silber в відповідь , я хотів би зробити це так, трохи більш універсальним.

У вас є ваша функція (давайте створимо її на основі запитання):

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);), але це для прикладу.

Це рішення походить з документації React Native для контролю оновлення :

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

Щоб застосувати це до питання щодо ОП, ви можете використовувати цю функцію в координації з await:

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

Ви можете додати затримку, внісши невеликі зміни у свою функцію (асинхронізуйте і очікуйте).

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>