Акысыз Артка эсептегич таймер

Каалаган датага жана убакытка чейин артка эсептеп берет. Атайын дата коюңуз же тез даярдалган варианттарды колдонуңуз (5 мүн, 15 мүн, 1 саат). Каттоо талап кылынбайт.

Жүктөлгөндөн кийин оффлайн иштейт
Таймер коюу
саат
мүнөт
секунд

Тез артка санак

Чейин кайра саноо

Кеңеш: ойготкуч угулушу үчүн бул баракты ачык кармаңыз. Иштеп жатканда экран өчпөйт.

Жогорудан таймер коюңуз же тез орнотууну тандаңыз, андан соң Баштоону басыңыз

Бул кантип иштейт

Кайра эсептөөчү таймер нөл тышкы көз карандылык менен толугу менен браузериңизде иштейт — китепкана жок, серверге чалуу жок. Ал ар бир такта Date.now() менен сакталган максаттуу убакыт белгисинин ортосундагы боштукту эсептеген 1-секунддук setInterval колдонот, ошондуктан таб фонго кетсе же түзмөк сааты жылса да көрсөтүү так бойдон калат.

  1. 1
    Максат коюу
    Узактык режимин (саат, мүнөт, секунд) тандаңыз же белгилүү бир учурга чейин кайра эсептөө үчүн дата/убакыт режимине которуштуруңуз. Беш тез-орнотуу баскычы (5 мүнөттөн 24 саатка чейин) киргизүүлөрдү толугу менен өткөрүп жиберип, таймерди дароо баштайт.
  2. 2
    Интервал туруктуу максатка каршы такылдайт
    Баштаганда, курал абсолюттук максатты Date объектиси катары сактайт жана ар 1000 мс сайын setInterval иштетет. Ар бир такылдоо Date.now() чакырат жана максаттан алат — ошондуктан жоготулган такылдоолор (таб уктап жатат, процессор бош эмес) кийинки такылдоодо топтолуунун ордуна өз алдынча оңолот.
  3. 3
    Адаптивдик көрсөтүү жана таб чагылдыруу
    Көрсөтүү автоматтык түрдө алдыңкы нөл бирдиктерди алып салат — 45-секунддук таймер чоң тамгада гана секундду көрсөтөт, ал эми көп-күндүк таймер кичине өлчөмдө бардык төрт бирдикти көрсөтөт. Калган убакыт ошондой эле document.title'га жазылат, ошондуктан кайра эсептөө кичирейтилген же фондогу табда окулуучу бойдон калат.
  4. 4
    Аяктаганда Web Audio коңгуроосу
    Кайра эсептөө нөлгө жеткенде, браузердин курулма Web Audio API'си (AudioContext + OscillatorNode) үч-импульстук 880 Гц синус-толкундуу коңгуроону синтездейт — эч бир аудио файл жүктөлбөйт. Тыныгуу, улантуу жана бөлүшүүчү URL'дер (максат эпохасын эч качан серверге жетпеген #to= фрагментине коддоо) ошондой эле толугу менен клиент тарабында иштетилет.

Байланыштуу куралдар

Көп берилүүчү суроолор