Stopwatch & Timer

Kronometre ve Zamanlayıcı

Tek sayfada kronometre, geri sayım zamanlayıcısı ve Pomodoro zamanlayıcısı. Milisaniye hassasiyeti, alarm, tarayıcı bildirimi, URL derin bağlantıları — hepsi tarayıcınızda.

Çok hassas. Zamanlama temeli olarak `performance.now` — duvar saati değişikliklerine bağışık yüksek çözünürlüklü monotonik bir saat — kullanıyoruz; görünür ekranı ise `requestAnimationFrame` çalıştırıyor. 8 saatlik bir kronometre çalışmasında kayma 100 ms'nin altında kalır; saniye altı kullanım durumlarında (spor, bilim, müzik) ekrandaki santisaniye değerleri telefonunuzdaki bir kronometre uygulamasıyla eşleşir.

Evet. Görüntülenen süreyi monotonik bir temelden (`performance.now`) hesaplıyoruz, böylece tarayıcı gizli bir sekmedeki JavaScript'i kısıtlasa bile süre dolma olayı yine tetiklenir ve sekmeye dönüldüğünde geçen süre doğrudur. Bildirim gizliyken çaldıysa alarm sesi sekmeye geri döndüğünüz anda çalar; tarayıcı bildirimi her durumda anında görünür.

00:00.00

Lap zamanları

Bir bölüm zamanı kaydetmek için kronometre çalışırken Lap'a (veya L tuşuna) basın.

Ses ve bildirimler

Klavye: Boşluk = başlat/duraklat • R = sıfırla • L = Lap

Odak, yemek pişirme, sınıf ve canlı etkinlikler için tasarlandı

Üç mod, milisaniye hassasiyeti ve farkı yaratan birkaç küçük dokunuş.

Tek sayfada üç mod

Kronometre, geri sayım zamanlayıcısı ve Pomodoro zamanlayıcısı tek bir büyük rakamlı ekranı paylaşır. Tek tıkla geçiş yapın; her mod kendi durumunu ve lap'lerini korur.

Milisaniye hassasiyeti, kayma yok

performance.now ile çalışır — duvar saati değişikliklerine ve sekme kısıtlamalarına karşı bağışık, monotonik yüksek çözünürlüklü bir saat. 8 saatlik bir çalışmada kayma 100 ms'nin altında kalır.

Alarm + tarayıcı bildirimi

Sıfırda Web Audio bip / çan / zil sesi, ayrıca kullanıcıların başka bir sekmeden görmesi için sistem bildirimi. Sayfa başlığı ve favicon da yanıp söner.

Bölüm + toplam ile lap zamanları

Kronometre sınırsız lap kaydeder; hem bölüm hem birikimli süreleri gösterir — interval antrenmanı, yarış pratiği veya hız denemeleri için ideal.

Tam ekran + URL derin bağlantıları

Sınıflar, canlı yayınlar veya etkinlikler için tek tıkla tam ekran. 5 dakikalık zamanlayıcıyı anında başlatmak için `/?t=300` paylaşın — kurulum gerekmez.

Tasarım gereği gizlilik

Her tıklama cihazınızda JavaScript olarak çalışır. Hiçbir zamanlayıcı olayı, lap veya Pomodoro sayısı asla iletilmez. DevTools → Network'ü açıp dışa giden istek olmadığını doğrulayın.

Kronometre ve zamanlayıcı nasıl kullanılır

Aynı büyük rakamlı ekranı kullanmanın dört yolu.

  1. 1

    Bir mod seçin

    Üstten Kronometre, Geri Sayım veya Pomodoro'ya tıklayın. Her mod kendi durumunu korur — daha sonra geri döndüğünüzde kaldığınız yerden devam eder.

  2. 2

    Lap'li kronometre

    Başlat'a (veya Boşluk) basarak milisaniye hassasiyetiyle sıfırdan yukarı saymaya başlayın. Bir bölüm kaydetmek için Lap'a (veya L) basın — alttaki tablo hem bölüm hem de birikimli süreleri gösterir. Sıfırla her şeyi temizler.

  3. 3

    Geri sayım zamanlayıcısı

    Girişe bir süre yazın — örn. 5m, 1h 30m, 25:00 ya da on dakika için sadece 10 — ve Ayarla'ya basın. Veya herhangi bir hızlı hazır ayar çipine tıklayın. Başlamak için Başlat'a basın; sayfa zil çalar, başlık yanıp söner ve (izin verirseniz) sıfırda bir sistem bildirimi gösterir.

  4. 4

    Pomodoro odak blokları

    Bir hazır ayar seçin (varsayılan 25 / 5 / 15) ya da kendi odak / kısa / uzun dakikalarınızı ve döngü sayınızı yazın. Zamanlayıcı odak → kısa mola → odak → … şeklinde otomatik ilerler; uzun mola, yapılandırılan döngü sayısından sonra eklenir. Alttaki döngü sayacı tamamlanan odak bloklarını takip eder.

İnsanlar bunu ne için kullanıyor

tarayıcı içi bir zamanlayıcının telefonu veya mutfak zamanlayıcısını geçtiği dört yaygın senaryo.

Pomodoro / derin çalışma seansları

25 dakikalık odak süreleri ve 5 dakikalık molalarla dikkat dağıtıcıları engelleyin. Tarayıcı bildirimi sekme gizliyken bile sizi haberdar eder ve döngü sayacı bugün kaç blok tamamladığınızı gösterir.

Yemek pişirme, fırıncılık ve demleme

Yumurta haşlama (6 dk), ekmek hamuru mayalama (1 saat), çay demleme (3 dk), kurabiye pişirme (12 dk). Tek tıkla hazır ayarlar en yaygın mutfak sürelerini kapsar.

HIIT, interval antrenmanı ve konuşma pratiği

Sprint setleri için lap'li kronometre, Tabata 20s / 10s için geri sayım veya 18 dakikalık üst sınıra karşı TED tarzı bir konuşmayı prova etmek. Alarm, tam olarak ne zaman süreyi aştığınızı söyler.

Sınıf, canlı yayın ve etkinlik zamanlaması

Tüm sınıf için tam ekran görünümünü akıllı tahtaya yansıtın. Öğrencilerin aynı geri sayımı yerel olarak çalıştırabilmesi için `?t=45m` paylaşın. Açık artırma veya çekiliş geri sayımları için canlı yayın bindirmelerine derin bağlantılar gömün.

%100 özel — tarayıcınızda çalışır

Zamanlayıcı olayları, lap zamanları ve Pomodoro sayıları cihazınızdan asla ayrılmaz. DevTools → Network'ü açın, kullanım sırasında dışa giden hiçbir istek görmeyeceksiniz.

  • Tüm zamanlama, alarm sesleri (Web Audio API) ve lap kaydı, makinenizde JavaScript olarak gerçekleşir — sayfa kaynağında görünebilir.
  • Tarayıcı bildirimleri standart `Notification.requestPermission` akışını kullanır; yerel olarak kaydedilen ayarlarınızın ötesinde hiçbir şey saklamayız.
  • Giriş yok, zamanlayıcı değerleri üzerinde telemetri yok, üçüncü taraf API yok. Yalnızca çerez onayı için bir ve dil tercihi için bir çerez kullanırız.

İlgili rehberler

Odak, üretkenlik ve tarayıcı zamanlama hassasiyeti üzerine özenle seçilmiş eğitimler.

Sıkça sorulanlar

Bu zamanlayıcı ne kadar hassas?

Çok hassas. Zamanlama temeli olarak `performance.now` — duvar saati değişikliklerine bağışık yüksek çözünürlüklü monotonik bir saat — kullanıyoruz; görünür ekranı ise `requestAnimationFrame` çalıştırıyor. 8 saatlik bir kronometre çalışmasında kayma 100 ms'nin altında kalır; saniye altı kullanım durumlarında (spor, bilim, müzik) ekrandaki santisaniye değerleri telefonunuzdaki bir kronometre uygulamasıyla eşleşir.

Sekme değiştirirsem zamanlayıcı çalışmaya devam eder mi?

Evet. Görüntülenen süreyi monotonik bir temelden (`performance.now`) hesaplıyoruz, böylece tarayıcı gizli bir sekmedeki JavaScript'i kısıtlasa bile süre dolma olayı yine tetiklenir ve sekmeye dönüldüğünde geçen süre doğrudur. Bildirim gizliyken çaldıysa alarm sesi sekmeye geri döndüğünüz anda çalar; tarayıcı bildirimi her durumda anında görünür.

Pomodoro tekniği nedir?

Pomodoro, 1980'lerin sonunda Francesco Cirillo tarafından geliştirilen bir zaman yönetimi yöntemidir: 25 dakikalık odak bloklarını 5 dakikalık kısa molalarla dönüşümlü olarak uygulayın, ardından her dördüncü odak bloğundan sonra 15–20 dakikalık daha uzun bir mola verin. Sabit ritim karar yorgunluğunu azaltır ve beynin doğal ultradiyen ritminden faydalanır. Varsayılan hazır ayarımız 25 / 5 / 15, uzun moladan önce 4 döngüdür — tamamen düzenlenebilir.

Bir zamanlayıcı bağlantısı paylaşabilir miyim?

Evet. URL'ye herhangi bir süreyle `?t=` ekleyin; örn. 5 dakikalık bir zamanlayıcı için `https://timer.ikit.app/?t=300` ya da `?t=25m` veya `?t=1h30m`. Kronometreye derin bağlantı için `?stopwatch=1`, Pomodoro modu için `?pomodoro=1` kullanın. Yer imine ekleyin, ders planlarına gömün veya sohbete yapıştırın.

Sunucunuza herhangi bir şey gönderiliyor mu?

Hayır. Zamanlayıcı, alarm sesi, lap kaydı, Pomodoro durumu ve bildirimler tarayıcınızda çalışır. Hiçbir zamanlama olayı cihazınızdan ayrılmaz. DevTools → Network'te doğrulayabilirsiniz — kullanım sırasında dışa giden hiçbir istek yoktur. Çerez onayı durumu için bir, dil tercihi için bir çerez kullanırız, hepsi bu.