Contoh Fungsi SetInterval () JavaScript

fungsi JavaScript

digunakan untuk melaksanakan tugas secara automatik berdasarkan pemasa. setInterval() adalah fungsi JavaScript asli, sangat mirip dengan fungsi JQuery's setInterval(). setTimeout()

Asas Contoh setInterval()

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

Petua: Jika anda secara dinamik memuatkan imej dan muatkan pembolehubah dari skrip PHP, anda perlu menambah beberapa jenis nombor rawak ke skrip untuk memaksa semua pelayar untuk menyegarkan semula. Kod berikut boleh digunakan untuk menjana nombor rawak:

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

Petua: Anda juga mungkin perlu menggunakan kaedah AJAX dan bukannya kaedah beban untuk mengelakkan permintaan Ajax cache. Sebagai alternatif, anda boleh menambah ke bahagian atas fail random.php untuk mengelakkan cache penyemak imbas. header("Cache-Control: no-cache, must-revalidate");

JavaScript FAQs (FAQs) setInterval Apakah perbezaan antara

dan

? setInterval setTimeout

dan

kedua-dua fungsi JavaScript terbina dalam yang digunakan untuk melaksanakan kod selepas tempoh masa yang ditentukan. Walau bagaimanapun, mereka bekerja dengan cara yang berbeza. setInterval akan melaksanakan kod berulang kali sehingga ia dihentikan; setTimeout setInterval bagaimana hendak berhenti atau membersihkan setTimeout?

anda boleh menggunakan fungsi setInterval untuk berhenti atau membersihkan

. Fungsi ini memerlukan nilai ID yang dikembalikan oleh fungsi

sebagai parameter. Contoh: clearInterval setInterval setInterval selepas memanggil

,

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

akan berhenti melaksanakan setiap 3 saat.

clearInterval boleh myFunction digunakan dengan fungsi anak panah?

Ya. Fungsi anak panah menyediakan sintaks ringkas untuk menulis ungkapan fungsi dalam JavaScript. Contoh: setInterval

Kod ini akan merakam "Hello, World!"

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

bagaimana menggunakan

dalam kelas JavaScript?

boleh digunakan dalam kelas dengan menggunakan kaedah kelas rujukan kata kunci. Walau bagaimanapun, anda perlu mengikat kata kunci setInterval kepada contoh kelas, jika tidak, ia akan merujuk objek global. Contoh:

this Kod ini akan merakam "Hello, World!" setInterval this Bolehkah parameter tambahan diluluskan ke fungsi dalam

?

class MyClass {
  constructor() {
    this.myMethod = this.myMethod.bind(this);
    setInterval(this.myMethod, 1000);
  }

  myMethod() {
    console.log('Hello, World!');
  }
}

Ya. Selepas parameter yang ditangguhkan, mana -mana bilangan parameter boleh ditambah ke mana fungsi tersebut akan diluluskan apabila fungsi dipanggil. Contoh:

setInterval Kod ini akan merakam "Hello, World!"

bagaimana menggunakan setInterval dengan janji?

boleh digunakan dengan janji dengan membungkus setInterval dalam pembina janji. Walau bagaimanapun, ingat bahawa setInterval akan terus melaksanakan sehingga ia dihentikan, jadi anda perlu memberikan syarat untuk menghuraikan atau menolak janji. Contoh: setInterval

setInterval(function() {
      // 每5秒执行一次操作
}, 5000);

Kod ini akan menghuraikan janji selepas 6 saat.

Apa yang berlaku jika fungsi dijalankan lebih lama daripada masa penangguhan

? setInterval

Jika masa pelaksanaan fungsi lebih panjang daripada masa penangguhan

, panggilan seterusnya akan beratur dan dilaksanakan sebaik sahaja panggilan semasa selesai. Ini boleh menyebabkan panggilan berfungsi untuk menumpuk, yang boleh membawa kepada isu -isu prestasi. setInterval

Bolehkah saya menggunakan

dalam node.js? setInterval

Ya, ia berfungsi dengan cara yang sama seperti dalam penyemak imbas. Contoh:

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

Kod ini akan merakam "Hello, Node.js!"

bagaimana menggunakan

dengan setInterval? async/await

boleh digunakan dengan

dengan membungkus setInterval dalam janji dan kemudian memproses janji menggunakan async/await sintaks. Contoh: setInterval async/await

Kod ini akan merakam "Hello, Async/Tunggu!"

let intervalID = setInterval(myFunction, 3000);
// 清除间隔
clearInterval(intervalID);

Bolehkah saya menggunakan

dengan jQuery?

setInterval Ya, anda boleh menggunakannya untuk sentiasa mengemas kini sebahagian daripada laman web, unsur -unsur animasi, atau melakukan tugas lain. Contoh:

Kod ini akan menyebabkan elemen dengan id "myelement" untuk memudar dan kemudian pudar setiap saat.

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

Atas ialah kandungan terperinci Contoh Fungsi SetInterval () JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!