masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh membuat kelewatan 5 saat dalam JavaScript sebelum melaksanakan baris kod seterusnya?

Bagaimanakah saya boleh membuat kelewatan 5 saat dalam JavaScript sebelum melaksanakan baris kod seterusnya?

Patricia Arquette

Lepaskan： 2024-10-25 17:07:03

asal

488 orang telah melayarinya

How can I create a 5-second delay in JavaScript before executing the next line of code?

Cara Menunggu 5 Saat Sebelum Melaksanakan Baris Seterusnya

Apabila bekerja dalam JavaScript, mengawal aliran pelaksanaan adalah yang terpenting. Pertimbangkan senario berikut: anda memerlukan fungsi untuk berhenti seketika selama 5 saat sebelum melaksanakan tindakan tertentu, seperti menyemak nilai pembolehubah.

Menggunakan Fungsi setTimeout

Secara tradisinya, pembangun JavaScript telah bergantung pada fungsi setTimeout untuk memperkenalkan kelewatan dalam pelaksanaan. Fungsi ini mengambil dua parameter: rentetan yang mewakili kod untuk dilaksanakan dan kelewatan dinyatakan dalam milisaat. Dalam kes tertentu anda, petikan kod di bawah adalah pendek:

<br>function stateChange(newState) {<br> setTimeout('', 5000);</p>
<p> if (newState == -1) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert('VIDEO HAS STOPPED');

Salin selepas log masuk

}
}

Isu di sini ialah rentetan kosong dihantar ke setTimeout tidak tidak mempunyai apa-apa kesan. Untuk membuat kelewatan 5 saat sebelum menyemak pembolehubah newState, anda harus mengubah suai kod seperti berikut:

<br>function stateChange(newState) {<br> setTimeout(() = > {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">if (newState == -1) {
  alert('VIDEO HAS STOPPED');
}

Salin selepas log masuk

}, 5000);
}

Dengan menyediakan fungsi sebagai hujah pertama, anda menentukan kod kepada dilaksanakan selepas kelewatan. Kini, fungsi akan berhenti seketika selama 5 saat sebelum menyemak Keadaan baharu.

Penyelesaian Alternatif

Dalam JavaScript moden, anda juga boleh memanfaatkan async/ menunggu untuk mencapai keputusan yang sama. Async/wait memudahkan operasi tak segerak dan menjadikan kod anda lebih mudah dibaca. Berikut ialah cara untuk melaksanakannya untuk senario anda:

kelewatan berterusan = (ms) => Janji baharu(resolve => setTimeout(resolve, ms));

async function stateChange(newState) {
tunggu kelewatan(5000);

if (newState == -1 ) {

alert('VIDEO HAS STOPPED');

Salin selepas log masuk

}
}

Kod ini menggunakan fungsi kelewatan, yang mengembalikan Janji yang diselesaikan selepas kelewatan yang ditentukan. Dengan menggunakan async/wait, anda mengisytiharkan fungsi stateChange sebagai fungsi tak segerak dan menunggu selesainya kelewatan, memastikan jeda 5 saat sebelum menyemak newState.

Atas ialah kandungan terperinci Bagaimanakah saya boleh membuat kelewatan 5 saat dalam JavaScript sebelum melaksanakan baris kod seterusnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimana untuk Mengakses Pembolehubah Global daripada Skrip Kandungan Gmail dalam Sambungan Chrome? Artikel seterusnya：Berikut adalah beberapa pilihan tajuk yang sesuai dengan kriteria: * Relatif lwn. Laluan Mutlak dalam JavaScript: Bila Menggunakan Yang Mana? * Laluan JavaScript: Mutlak atau Relatif? Panduan Prestasi dan Keselamatan. * Wh

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2065

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2229

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1873

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...