รอ 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);
}

รหัสอื่น ๆ จะดำเนินการทันที

คุณไม่ควรทำสิ่งนี้จริงๆการใช้การหมดเวลาอย่างถูกต้องเป็นเครื่องมือที่เหมาะสมสำหรับปัญหาของ OP และโอกาสอื่น ๆ ที่คุณต้องการเรียกใช้บางสิ่งหลังจากผ่านช่วงระยะเวลาหนึ่ง โจเซฟซิลเบอร์ได้แสดงให้เห็นว่าในคำตอบของเขา แต่ถ้าในบางกรณีที่ไม่ใช่การผลิตคุณจริงๆต้องการที่จะแขวนหัวข้อหลักในช่วงเวลานี้จะทำมัน

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 วินาที มันไม่ทำงานอย่างนั้น คุณสามารถกำหนดฟังก์ชั่นของรหัสให้ทำงาน 5 วินาทีจากนี้ แต่คุณต้องใส่รหัสที่คุณต้องการเรียกใช้ในภายหลังในฟังก์ชั่นและส่วนที่เหลือของรหัสของคุณหลังจากฟังก์ชั่นนั้นจะทำงานต่อไปทันที

ตัวอย่างเช่น:

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

แต่ถ้าคุณมีรหัสเช่นนี้:

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

console.log()คำสั่งจะทำงานทันที มันจะไม่รอจนกว่าจะหมดเวลาในการstateChange()ทำงาน คุณไม่สามารถหยุดการประมวลผลจาวาสคริปต์ไว้ชั่วคราวได้ตามระยะเวลาที่กำหนดไว้

รหัสใด ๆ ที่คุณต้องการเรียกใช้การหน่วงเวลาต้องอยู่ภายในsetTimeout()ฟังก์ชันการเรียกกลับ (หรือเรียกจากฟังก์ชันนั้น)

หากคุณพยายาม "หยุด" โดยการวนซ้ำคุณจะต้อง "หยุด" ล่าม Javascript เป็นระยะเวลาหนึ่ง เนื่องจาก Javascript รันโค้ดของคุณในเธรดเดียวเท่านั้นเมื่อคุณวนลูปไม่มีสิ่งใดสามารถเรียกใช้ได้ (ไม่มีตัวจัดการเหตุการณ์อื่นที่สามารถเรียกได้) ดังนั้นการวนซ้ำการรอให้ตัวแปรบางตัวเปลี่ยนจะไม่ทำงานเพราะไม่มีรหัสอื่นที่สามารถเรียกใช้เพื่อเปลี่ยนตัวแปรนั้นได้

หากคุณอยู่ในฟังก์ชัน asyncคุณสามารถทำได้ในบรรทัดเดียว:

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

ตามคำตอบของโจเซฟซิลเบอร์ฉันจะทำอย่างนั้นทั่วไปอีกเล็กน้อย

คุณจะมีฟังก์ชั่นของคุณ (ลองสร้างตามคำถาม):

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

เพื่อนำไปใช้กับคำถามของ OP คุณสามารถใช้ฟังก์ชันนี้ในการประสานงานกับawait:

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

คุณสามารถเพิ่มความล่าช้าโดยทำการเปลี่ยนแปลงเล็กน้อยในฟังก์ชั่นของคุณ (async และรอ)

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

ฉันใช้เพื่อเรียกใช้เกมพีซีจาก edge หรือ 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>