hourglass_bottom Geri Sayım Sayacı (Zamanlayıcı) star

Geri Sayım Neden Sapmaz

setInterval her tetiklendiğinde toplam süreden bir saniye düşen bir geri sayım basit görünür ama zamanla doğru kalmaz. Her tick'te tam olarak 1000 milisaniye geçtiği varsayılır; oysa tarayıcının olay döngüsü meşgulleşebilir — başka betikler, animasyonlar veya arka plandaki bir sekme — ve tick'ler birkaç milisaniye gecikmeli tetiklenir. Bu küçük gecikmeler zamanla belirgin bir sapmaya dönüşür: bu şekilde kurulmuş 10 dakikalık bir zamanlayıcı, sıfıra ulaştığında birkaç saniye erken ya da geç bitebilir.

Bu araç bu sorunu farklı bir yöntemle önler: başlat'a bastığınız anda sabit bir hedef zaman damgası hesaplar — şu anki zaman artı seçtiğiniz süre — ve her tick'te çalışan bir toplamdan geriye saymak yerine, hedefe kalan sürenin ne olduğunu sorar. Kalan süre her zaman iki gerçek saat okumasından yeniden hesaplandığı için, birikmiş herhangi bir tick gecikmesi otomatik olarak iptal olur; tek tek tick'ler geç tetiklense bile gösterilen süre doğru kalır.

Bilmeniz Gerekenler

Zamanladığınız sekme arka plandayken tarayıcılar genellikle pil ve işlemci tasarrufu için zamanlayıcıları kısar (throttling), istenenden daha seyrek tetikler. Hedef-zaman-damgası yöntemi bunu da zarifçe halleder: kaç tick'in atlandığı önemli değildir, çünkü geri sayım bir sonraki çalıştığında yine gerçek hedef zamanı gerçek şu anki zamanla karşılaştırır — sekme ne kadar kısıtlanmış olursa olsun doğru anda sıfıra ulaşır.

• Uyarı sesi Web Audio API'sinin osilatör node'uyla anında üretilir — yüklenecek bir ses dosyası yoktur, bu yüzden çalmadan önce hiçbir gecikme olmaz.
• Tarayıcı sekme başlığı kalan süreyle güncellenir, böylece başka bir sekmeye baktığınızda bile geri sayımı görebilirsiniz.
• Duraklatmak kalan süreyi saklar ve devam ettiğinizde yeni bir hedef zaman damgası hesaplar, böylece duraklat/devam et de sapma yaratmaz.