setTimeout('alert("Howdy!");', 2000);

Ini boleh membawa kita ke dalam masalah apabila menggunakan fungsi anak panah dengan this. Kami telah melihat sebelum ini untuk memberikan nilai window yang betul untuk fungsi yang dipanggil dalam sound:

setTimeout Ini tidak akan berfungsi apabila menggunakan fungsi anak panah dalam kaedah yang diperkenalkan, kerana fungsi anak panah tidak mempunyai nilai setTimeout sendiri. Kaedah ini masih akan merakam this.

function makeTalk(animal) {
  const noises = {
    cat: 'purr',
    dog: 'woof',
    cow: 'moo',
    pig: 'oink',
  }

  console.log(`A ${animal} goes ${noises[animal]}.`);
}

function getRandom(arr) {
  return arr[Math.floor(Math.random() * arr.length)];
}

const animals = ['cat', 'dog', 'cow', 'pig'];
const randomAnimal = getRandom(animals);

setTimeout(() => {
  makeTalk(randomAnimal);
}, 1000);

Walau bagaimanapun, kerana fungsi anak panah tidak mempunyai nilai this sendiri, ia juga boleh memberi kita kelebihan. undefined

setTimeout

this

const getRandom = arr => arr[Math.floor(Math.random() * arr.length)];

Seperti yang kita pelajari pada permulaan artikel, nilai pulangan

setTimeout(makeTalk, 1000, randomAnimal);

function greet() {
  console.log('Howdy!');
}
setTimeout(greet, 2000);

mari kita lihat bagaimana ia berfungsi. Dalam pen di bawah, jika anda mengklik butang Countdown Mula, undur akan bermula. Sekiranya undur selesai, anak kucing menang. Walau bagaimanapun, jika anda menekan butang "Hentikan Countdown", pemasa akan dihentikan dan ditetapkan semula. (Jika anda tidak melihat kesan sejuk apabila undur mencapai sifar, penun pena menggunakan butang yang tertanam di sebelah kanan bawah.)

Ringkasan

Dalam artikel ini, saya menunjukkan cara menggunakan setTimeout untuk melambatkan pelaksanaan fungsi. Saya juga menunjukkan cara lulus parameter ke setTimeout, bagaimana untuk mengekalkan nilai this di dalam fungsi panggil baliknya, dan bagaimana membatalkan pemasa.

setTimeout FAQS untuk fungsi JavaScript

• Apa yang ada di JavaScript? setTimeout

  adalah fungsi terbina dalam dalam JavaScript yang membolehkan anda menjadualkan pelaksanaan fungsi atau segmen kod selepas kelewatan tertentu (dalam milisaat). setTimeout

• Bagaimana ia berfungsi? setTimeout Apabila anda memanggil fungsi

  , anda perlu menyediakan dua parameter: fungsi atau kod untuk dilaksanakan, dan kelewatan dalam milisaat. Fungsi/kod yang disediakan akan ditambah ke barisan dan selepas kelewatan yang ditentukan, ia akan dipindahkan dari barisan ke timbunan panggilan untuk pelaksanaan.

  setTimeout

• Apakah alternatif yang digunakan

  ? setTimeout Ya, terdapat alternatif, seperti

  , yang akan mengulangi fungsi pada selang waktu yang ditentukan, dan yang lebih baru

  , yang merupakan animasi yang lebih lancar dan prestasi penyemak imbas yang lebih baik. setInterval requestAnimationFrame

• Bilakah tidak boleh digunakan

  ? setTimeout

  adalah alat yang berguna untuk penjadualan pelaksanaan kod asynchronous dalam JavaScript, tetapi dalam beberapa kes ia mungkin bukan pilihan terbaik. Untuk animasi atau permainan yang tepat, anda harus menggunakan

  . Anda tidak boleh bersarang pelbagai setTimeout panggilan; requestAnimationFrame tidak tepat untuk kelewatan kurang daripada 10 milisaat; Jika anda membina aplikasi masa nyata (seperti permainan multiplayer dalam talian atau platform perdagangan kewangan), pilih teknologi masa nyata seperti WebSockets. Tugas-tugas yang berintensifkan CPU boleh menghalang gelung acara; setTimeout setTimeout

• Bolehkah saya membatalkan operasi

  ? setTimeout Ya, anda boleh menggunakan fungsi

  untuk membatalkan masa tamat yang dijadualkan. Ia mengambil masa tamat masa yang dikembalikan oleh

  sebagai parameter. Contohnya: clearTimeout setTimeout const timeoutId = setTimeout(myFunction, 1000); clearTimeout(timeoutId);

  Apakah perbezaan antara

• dan ? setTimeout setInterval

  setTimeout Jadualkan fungsi untuk dijalankan sekali selepas kelewatan yang ditentukan, manakala setInterval menjadualkan fungsi untuk berjalan berulang kali pada selang yang ditentukan sehingga dibatalkan atau program berhenti.

• Apakah nilai kelewatan minimum yang boleh saya gunakan setTimeout?

  Nilai kelewatan minimum adalah 0, yang bermaksud bahawa fungsi itu dijadualkan dilaksanakan sebelum thread semasa selesai tetapi mengendalikan sebarang peristiwa yang belum selesai. Walau bagaimanapun, granulariti sebenar pemasa berbeza dari penyemak imbas ke penyemak imbas dan persekitaran kepada pelayar yang berbeza. Sesetengah persekitaran mungkin tidak menyokong kelewatan kurang daripada 10 milisaat.

• Apa yang ada di node.js? setTimeout

  adalah fungsi terbina dalam untuk node.js yang menangguhkan pelaksanaan fungsi atau blok kod yang diberikan oleh bilangan milisaat tertentu. setTimeout

• bagaimana menggunakan dalam node.js? setTimeout

  anda boleh menggunakan fungsi

  seperti berikut: setTimeout di mana setTimeout(callback, delay); adalah fungsi yang anda ingin laksanakan selepas kelewatan milisaat yang ditentukan. callback

• Apakah amalan terbaik untuk menggunakan dalam node.js? setTimeout

  Beberapa amalan terbaik termasuk menggunakan fungsi yang dinamakan sebagai panggilan balik, mengendalikan kesilapan dengan anggun, dan memahami tingkah laku gelung peristiwa untuk mengelakkan kelewatan atau penyumbatan yang tidak dijangka. Juga, pertimbangkan untuk menggunakan

  untuk melaksanakan dengan segera semasa kitaran gelung acara seterusnya. setImmediate

Atas ialah kandungan terperinci Fungsi JavaScript SetTimeout: Panduan dengan contoh. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!