Tunggu 5 detik sebelum menjalankan baris berikutnya

Fungsi di bawah ini tidak berfungsi seperti yang saya inginkan; menjadi pemula JS saya tidak tahu mengapa.

Saya perlu menunggu 5 detik sebelum memeriksa apakah newStateis -1.

Saat ini, tidak menunggu, hanya memeriksa langsung.

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

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

Anda harus memasukkan kode Anda dalam fungsi panggilan balik yang Anda berikan ke setTimeout:

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

Kode lain akan segera dieksekusi.

Anda benar-benar tidak boleh melakukan ini , penggunaan batas waktu yang tepat adalah alat yang tepat untuk masalah OP dan setiap kesempatan lain di mana Anda hanya ingin menjalankan sesuatu setelah jangka waktu tertentu. Joseph Silber telah menunjukkan hal itu dengan baik dalam jawabannya. Namun, jika dalam beberapa kasus non-produksi Anda benar - benar ingin menggantung utas utama untuk jangka waktu tertentu, ini akan berhasil.

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

Dengan eksekusi dalam bentuk:

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

Saya telah tiba di sini karena saya sedang membangun test case sederhana untuk mengurutkan campuran operasi asinkron di sekitar operasi pemblokiran yang berjalan lama (yaitu manipulasi DOM yang mahal) dan ini adalah operasi pemblokiran yang disimulasikan. Ini cocok dengan pekerjaan itu, jadi saya pikir saya mempostingnya untuk orang lain yang datang ke sini dengan menggunakan case yang serupa. Meski begitu, itu membuat objek Date () dalam loop sementara, yang mungkin sangat membebani GC jika berjalan cukup lama. Tapi saya tidak bisa cukup menekankan, ini hanya cocok untuk pengujian, untuk membangun fungsionalitas aktual yang Anda harus merujuk pada jawaban Joseph Silber.

Inilah solusi menggunakan sintaks async / await baru .

Pastikan untuk memeriksa dukungan browser karena ini adalah fitur baru yang diperkenalkan dengan ECMAScript 6.

Fungsi utilitas:

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

Pemakaian:

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

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

Keuntungan dari pendekatan ini adalah membuat kode Anda terlihat dan berperilaku seperti kode sinkron.

Gunakan fungsi penundaan seperti ini:

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

Pemakaian:

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

Kredit: Bagaimana cara menunda penangan .keyup () sampai pengguna berhenti mengetik?

Anda seharusnya tidak hanya mencoba menjeda 5 detik dalam javascript. Tidak berfungsi seperti itu. Anda dapat menjadwalkan fungsi kode untuk menjalankan 5 detik dari sekarang, tetapi Anda harus memasukkan kode yang ingin Anda jalankan nanti ke dalam suatu fungsi dan sisa kode Anda setelah fungsi itu akan terus berjalan segera.

Sebagai contoh:

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

Tetapi, jika Anda memiliki kode seperti ini:

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

The console.log()pernyataan akan segera berjalan. Ini tidak akan menunggu sampai setelah batas waktu menyala dalam stateChange()fungsi. Anda tidak bisa hanya menghentikan sementara eksekusi javascript untuk jumlah waktu yang telah ditentukan.

Sebaliknya, kode apa pun yang Anda ingin tunda harus berada di dalam setTimeout()fungsi panggilan balik (atau dipanggil dari fungsi itu).

Jika Anda memang mencoba "berhenti" dengan mengulang, maka Anda pada dasarnya akan "menggantung" penerjemah Javascript untuk jangka waktu tertentu. Karena Javascript menjalankan kode Anda hanya dalam satu utas, ketika Anda mengulang, tidak ada lagi yang dapat dijalankan (tidak ada penangan acara lainnya yang dapat dipanggil). Jadi, pengulangan menunggu beberapa variabel untuk berubah tidak akan berfungsi karena tidak ada kode lain yang dapat dijalankan untuk mengubah variabel itu.

Jika Anda berada dalam fungsi async, Anda cukup melakukannya dalam satu baris:

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

Perhatikan , jika target adalah NodeJS akan lebih efisien untuk menggunakan ini (ini adalah fungsi setTimeout yang telah ditentukan sebelumnya):

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

Coba ini:

//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);
    }
}

Cara terbaik untuk membuat fungsi seperti ini untuk menunggu dalam mili detik, fungsi ini akan menunggu selama milidetik yang disediakan dalam argumen:

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

Berdasarkan jawaban Joseph Silber , saya akan melakukannya seperti itu, sedikit lebih generik.

Anda akan memiliki fungsi Anda (mari kita buat berdasarkan pertanyaan):

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

Dan Anda bisa memiliki fungsi menunggu:

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

Pada akhirnya Anda akan memiliki:

wait(5000, videoStopped, newState);

Itu solusinya, saya lebih suka tidak menggunakan argumen dalam fungsi menunggu (hanya untuk memiliki foo();bukan foo(arg);) tapi itu misalnya.

Solusi ini berasal dari dokumentasi React Native untuk kontrol penyegaran :

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

Untuk menerapkan ini pada pertanyaan OP, Anda dapat menggunakan fungsi ini dalam koordinasi dengan await:

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

Anda dapat menambahkan penundaan dengan membuat perubahan kecil pada fungsi Anda (async dan menunggu).

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();

menggunakan angularjs:

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

Buat fungsi Js baru

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

Panggil fungsi ketika Anda ingin menunda eksekusi. Gunakan milidetik di int untuk nilai penundaan.

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

Saya menggunakannya untuk menjalankan game PC dari edge atau IE. Dan itu menutup IE Edge setelah 7 detik.

Firefox dan Google Chrome tidak dapat digunakan untuk memulai permainan dengan cara ini.

<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>