Bagaimanakah Saya Boleh Mencipta Pemasa Sangat Tepat dalam JavaScript?

Mencipta Pemasa Tepat dalam JavaScript

Pemasa dalam JavaScript, seperti setInterval dan setTimeout, menawarkan kemudahan tetapi kurang ketepatan. Mereka tertakluk kepada kelewatan dan hanyut, yang membawa kepada ralat pemasaan dalam tempoh yang panjang. Untuk menangani perkara ini, adalah penting untuk mempertimbangkan pendekatan alternatif untuk mencipta pemasa dengan ketepatan yang tepat.

Ketidaktepatan Pemasa JavaScript

Ketidakkonsistenan dalam pemasa seperti setInterval timbul daripada asasnya pelaksanaan. Fungsi ini menghampiri kelewatan yang diingini menggunakan panggilan balik penyemak imbas, yang terdedah kepada penyelewengan dalam pelaksanaan disebabkan pelbagai faktor sistem. Akibatnya, mereka tidak dapat menjamin pemasaan yang tepat dan mungkin mengumpul ralat yang ketara dari semasa ke semasa.

Mencipta Pemasa Tepat

Untuk mengatasi had ini, pendekatan yang lebih dipercayai melibatkan penggunaan objek Tarikh untuk mendapatkan masa semasa dengan ketepatan milisaat. Dengan memanfaatkan ukuran masa yang tepat ini, kami boleh melaksanakan pemasa yang mencerminkan masa berlalu dengan tepat:

var start = Date.now(); // Get the current time as a millisecond timestamp.
setInterval(function() {
    var delta = Date.now() - start; // Calculate the time difference since the start.
    ... // Perform your timed operations using 'delta', which represents milliseconds elapsed.
}, 1000); // Set the interval to update every second (1000 milliseconds).

Pendekatan ini menyediakan ukuran masa berlalu yang tepat. Selain itu, anda boleh memperhalusi ketepatan pemasa dengan mengemas kini jam dengan lebih kerap, seperti setiap 100 milisaat, untuk meminimumkan kemungkinan lompatan masa.

Untuk aplikasi yang memerlukan selang masa yang konsisten dan drift minimum, strategi pemasa yang lebih maju ialah disyorkan:

var interval = 1000; // ms
var expected = Date.now() + interval;
setTimeout(step, interval);

function step() {
    var dt = Date.now() - expected; // Determine the drift between actual and expected execution times.
    if (dt > interval) {
        // Handle significant delays (e.g., tab inactivity or other issues).
    }

    ... // Perform your timed operations.

    expected += interval;
    setTimeout(step, Math.max(0, interval - dt)); // Adjust the next timeout interval based on observed drift.
}

Pemasa pelarasan diri ini mengimbangi hanyut dan memastikan selang yang konsisten dan tepat dengan mengira semula kelewatan tamat masa seterusnya berdasarkan masa sebenar yang berlalu semasa pelaksanaan sebelumnya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Pemasa Sangat Tepat dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!