Bagaimanakah Saya Boleh Menggunakan `clearInterval` untuk Menghalang `setInterval` daripada Mencipta Gelung Tidak Diingini dalam Fungsi `doKeyDown` Saya?

Menggunakan setInterval dan fungsi clearInterval

Apabila mempertimbangkan blok kod berikut:

function doKeyDown(event) {
    switch (event.keyCode) {
    case 32:
        /* Space bar was pressed */
        if (x == 4) {
            setInterval(drawAll, 20);
        }
        else {
            setInterval(drawAll, 20);
            x += dx;
        }
        break;
    }
}

Matlamatnya ialah untuk menyelesaikan masalah dalam kod Diharapkan bahawa fungsi drawAll() hanya akan dipanggil sekali, dan bukannya membuat gelung yang memanggil fungsi secara berterusan.

Cara menggunakan clearInterval

Untuk menyelesaikan masalah ini, anda boleh menggunakan fungsi clearInterval. Fungsi setInterval menetapkan pemasa berulang dan mengembalikan pemegang yang boleh dihantar ke clearInterval untuk menghentikan pemasa:

var handle = setInterval(drawAll, 20);

// 当需要取消计时器时：
clearInterval(handle);
handle = 0; // 这样可以得知已经清除了计时器

Dalam penyemak imbas, pemegang dijamin sebagai nombor yang tidak sama dengan 0; ialah nilai bendera kemudahan yang bermaksud "pemasa tidak ditetapkan". (Platform lain mungkin mengembalikan nilai lain; contohnya, fungsi pemasa Node.js mengembalikan objek.)

Gunakan setTimeout

Untuk menjadualkan pemasa yang hanya akan menyala sekali fungsi, anda boleh menggunakan fungsi setTimeout. Ia tidak mencetuskan secara berterusan. (Ia juga mengembalikan pemegang, jika sesuai, anda boleh menggunakan clearTimeout jika anda perlu membatalkan fungsi sebelum ia menyala sekali).

setTimeout(drawAll, 20);

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan `clearInterval` untuk Menghalang `setInterval` daripada Mencipta Gelung Tidak Diingini dalam Fungsi `doKeyDown` Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!