Siz zudlik bilan vaqtni o'lchashingiz kerak, qo'lingizda maxsus qurilma yo'q, lekin oddiy soatdan foydalaning yoki Mobil telefon noqulaymi? Biz sizning e'tiboringizga juda aniq va ishlatish uchun qulay bo'lgan onlayn taymerlarni taqdim etamiz.

Onlayn taymerlar sport mashg'ulotlarida, bir nechta vazifalarni birlashtirganda, vaqtni o'tkazib yubormaslik muhim bo'lganda va shunchaki shaxsiy yozuvlarni o'lchash uchun ajralmas hisoblanadi. Misol uchun, siz uchun ma'lum bir vaqt ichida qancha sahifa o'qishingiz, daqiqada qancha belgi terishingiz yoki o'yinda muhim raundni qanchalik tez bajarishingiz mumkinligini bilish juda muhimdir.

Har qanday lazzat uchun onlayn taymerlar

Bizning veb-saytimizda lakonik va original dizayndagi taymerlar taqdim etiladi. Siz dasturni to'liq ekranga kengaytirib, ish stolingizni go'zal antiqa yoki qum soati, raketa, bomba, romantik sham bilan bezashingiz mumkin. Barcha taymerlar qulay funksiyaga ega, vaqtni belgilash bir necha soniya vaqtni oladi.

Sizni qiziqtirgan har qanday dasturni ochib, to'g'ridan-to'g'ri veb-saytimizda ovozli taymerdan foydalanishingiz mumkin. Dasturlarni yuklab olish uchun vaqt sarflashning hojati yo'q, hamma narsa juda oddiy va tez! Agar sizda Internet aloqasi bo'lsa, siz o'zingiz uchun qulay bo'lgan istalgan vaqtda taymerni mutlaqo bepul yoqishingiz mumkin.

Orqaga hisoblash taymer qanday ishlaydi?

Ushbu bo'limda keltirilgan barcha taymerlar juda oddiy va qulay boshqaruvga ega. Sizga kerak bo'lgan vaqtni ko'rsating, "start" tugmasini bosing va taymer ishlay boshlaydi!

Odatda, har bir asbobda uchta oyna mavjud: birinchisi soatlarni, ikkinchisi daqiqalarni, uchinchisi esa soniyalarni bildiradi. Agar kerak bo'lsa, siz "pauza" funksiyasidan foydalanishingiz yoki vazifani butunlay bekor qilishingiz mumkin.

Eng yaxshi taymerni tanlashni xohlaysizmi? Foydalanuvchilarning reytinglari va sharhlariga e'tibor bering. Taymerdan foydalangandan so'ng, o'z fikringizni boshqalar bilan baham ko'ring!

Ko'pincha taymerni belgilangan vaqtga o'rnatishingiz kerak. Misol uchun, siz sport bilan shug'ullanasiz va mashq qilish uchun besh daqiqaga taymer o'rnatishingiz kerak. Yoki siz qattiq qaynayotgan tuxumsiz va ularga o'n daqiqa vaqt ajratishingiz kerak. Ushbu muammoni hal qilish uchun bizning taymerimizdan foydalaning. Mashg'ulot paytida, maishiy ehtiyojlar uchun va boshqa har qanday maqsadlarda 1 daqiqani hisoblash uchun ovozli onlayn sekundomerimizdan foydalaning. Siz uni darhol ishlatishingiz mumkin yoki undan qanday foydalanish bo'yicha ko'rsatmalar mavjud bo'lgan sahifaga o'ting.

30 soniya 1 daqiqa 2 daqiqa 3 daqiqa

5 daqiqa 10 daqiqa 15 daqiqa 30 daqiqa

Soat 0 — +

Daqiqa 0 — +

30 soniya - +

Ovoz:

Boshlanishni tiklash

Foydalanish bo'yicha ko'rsatmalar

Siz belgilangan vaqtni belgilashingiz mumkin, masalan:

• 10 daqiqa davomida taymer;
• taymer 1 daqiqa;
• 2 daqiqa uchun taymer;

Roʻyxatda 15 daqiqa, 20 daqiqa va 3 daqiqalik variantlar ham mavjud.

Bu vaqtni belgilash uchun ushbu vaqt yozilgan tugmalardan foydalaning. Masalan, taymerni o'ttiz daqiqaga o'rnatish uchun "30 daqiqa" degan tugmani bosing. Shundan so'ng, "Ishga tushirish" tugmasini bosing. Agar sizga boshqa vaqt kerak bo'lsa, uni mos keladigan maydonlar (soat, daqiqa va soniya) yonidagi "+" va "-" tugmachalarini bosib o'rnating. Siz istalgan vaqtni belgilashingiz mumkin - u bir yoki ikki daqiqa yoki bir soniya davom etadigan segment bo'lishi mumkin.

Ortga hisoblash oxirida siz ovozni eshitasiz. Tegishli kalitni bosish orqali uni o'chirib qo'yishingiz mumkin. Reset tugmasi barcha maydonlarni tozalaydi.

Biz 5, 20 daqiqa yoki boshqa vaqtga o'rnatishingiz mumkin bo'lgan eng qulay taymerni yaratdik. Agar sizda takomillashtirish bo'yicha takliflaringiz bo'lsa, yozing va biz ularni hisobga olamiz.

Sekundomer onlayn

Soat 0 — +

Daqiqa 0 — +

soniya 0 — +

Boshlanishni tiklash

Agar sizga mashg'ulot yoki boshqa maqsadlarda faqat sekundomer kerak bo'lsa, biz sizga bu imkoniyatni ham beramiz. Foydalanish juda oddiy - "Ishga tushirish" tugmasini bosing va orqaga hisoblash boshlanadi. To'xtatib turish tugmasi orqaga hisoblashni to'xtatadi va Reset tugmasi vaqtni tiklaydi. Shuningdek, hisoblashni faqat 0 soniyadan emas, istalgan daqiqadan boshlashingiz mumkin.

Sekundomerimizdan foydalaning - biz sizning ishingiz qulay bo'lishi uchun hamma narsani qildik.

Zamonaviy gadjetlar hayotni ancha osonlashtirish uchun yaratilgan - onlayn taymer esa eng foydali, qulay va funktsional qurilmalardan biridir. Bu har qanday vaqt oralig'ini hisoblashga yordam beradi, vazifani bajarishni unutmang, ish va dam olish jadvalini oqilona taqsimlaydi. Bizning onlayn taymerimiz 100% bepul, ishlatish uchun qulay, amaliy - aynan sizga kerak bo'lgan narsa.

Ortga hisoblash taymeri yordam beradigan 7 ta holat

Muayyan vaqt oralig'ini qondirish va bir soniyani yo'qotmaslik kerak bo'lganda, biz eng aniq hisob-kitoblar uchun onlayn taymerni yaratdik. Agar siz vaqtni belgilasangiz, saytdagi taymer foydali bo'ladi:

• retseptga rioya qilish uchun idishlarni tayyorlashda;
• sport bilan shug'ullanayotganda, kerakli darajada mashq qiling;
• kompyuterda ishlash uchun - 1 soat ish va 15 daqiqa ko'z uchun foydalidir. dam olish;
• muhim uchrashuvga, sanaga, darsga, avtobusga kechikmaslik uchun;
• o'yin-kulgi uchun - 1 daqiqada mumkinmi yoki yo'qligini bilib oling. kiyinish, 200 ta soʻz oʻqish, LEGO minorasini qurish, 10 ta zinapoyadan chiqish va h.k.;
• kun davomida malakali vaqtni boshqarish va rejalashtirish vazifalari uchun;
• bolani ovqatlantirish kerak bo'lganda, dori iching, in'ektsiya qiling.

To'liq ekranda onlayn taymer ancha qulayroq mobil ilova- sahifa tez yuklanadi va o'lik smartfon batareyasi muammo bo'lmaydi.

Taymer tarixi

Ajablanarlisi shundaki, birinchi taymer 2,5 ming yil oldin Qadimgi Xitoyda paydo bo'lgan. Bu qatron va talaşdan yasalgan tayoq edi, uning bir uchida olov yoqib yuborilgan, ikkinchi uchida og'irlik bor edi - mahkamlash ipi yonib ketganda, u qo'ng'iroq ovozi bilan tushib ketdi. Shu bilan birga, Gretsiyadagi Platon talabalarni darslarga taklif qilish uchun analogni ixtiro qildi; Leonardo da Vinchi ham shunga o'xshash ishlanmalar ustida ishlagan.

Birinchi mexanik taymer 1800-yillarning o'rtalarida paydo bo'ldi, bugungi kunda qo'llarini kerakli vaqtga o'rnatgan an'anaviy budilnik. 20-asrning oxirlarida paydo bo'ldi elektron taymer- hozirda smartfonlarda ishlatiladigan eng aniq qurilma.

Bosqichma-bosqich ko'rsatmalar: taymerdan qanday foydalanish kerak?

Ovozli elektron taymer barcha ishchilar, uy bekalari, sportchilar, talabalar uchun foydali bo'ladi - vaqtni kuzatib borish va muhim vazifalarni unutmaslik kerak. Bizning taymerimizdan foydalanish juda oson va qulay, kuzatish bosqichma-bosqich ko'rsatmalar:

1. Qayta tiklash taymerida signal turini va uning hajmini tekshirish uchun "Start" tugmasini bosing.
2. Hisoblagich ustidagi vaqt oralig'ini tanlang - diapazon 1 daqiqadan 1 soatgacha, vaqtni bir marta bosish bilan qo'shishingiz mumkin.
3. Agar siz boshqa davrni belgilashingiz kerak bo'lsa, "+" tugmasini bosing va ma'lumotlarni qo'lda kiriting - tavsif qo'shishingiz mumkin.
4. "Start" tugmasini bosing va onlayn taymer orqaga sanashni boshlaydi, vaqt tugagandan so'ng ovozli signal eshitiladi.
5. Ortga hisoblashni erta to'xtatish va uni nolga qaytarish uchun "Qayta tiklash" tugmasini bosing.
6. Taymerning jimgina ishlashini istasangiz, "Ishga tushirish" tugmachasining o'ng tomonidagi tegishli belgini bosing.

Onlayn taymerni natijani tiklamasdan to'xtatish mumkin, buning uchun "To'xtatish" tugmasidan foydalaning; ortga hisoblashni davom ettirish uchun "Start" tugmasini bosing.

Oddiy interfeysga ega bepul, funktsional va aniq taymerimiz har bir daqiqadan oqilona foydalanishni va har doim o'z vaqtida bo'lishni xohlaydigan odam uchun xudodir. Sahifani har doim qo'lingizda bo'lishi uchun belgilang - vaqtni hisoblashingiz kerak bo'lganda, taymer albatta yordam beradi.

Sizga biror narsa kerak bo'ladi ortga hisoblash taymer, Internetda ko'plab echimlar mavjud, ammo ular juda og'ir yoki boshqa kutubxonalarga bog'liq. Bugun biz ko'rib chiqamiz 18 qator kodda javascriptda orqaga hisoblash taymerini qanday qilish kerak.

Reja

• Qolgan vaqtni hisoblang

To'g'ri tugash sanasini belgilang

Birinchidan, siz o'rnatishingiz kerak to'g'ri sana Bitiruv. Bu o'zi tushunadigan har qanday formatdagi satr bo'ladi Date.parse() usuli. Masalan:

Var muddati = "31-12-2015";

Qisqa format

Var muddati = "31/12/2015";

Yoki uzun format

Var so'nggi sana = "31 dekabr 2015 yil";

Ushbu formatlarning har biri sizga aniq vaqtni (soat, daqiqa, soniyalarda) va vaqt mintaqasini belgilash imkonini beradi. Masalan:

Var so'nggi sana = "31 dekabr 2015 yil 23:59:59 GMT+02:00";

Qolgan vaqtni hisoblang

getTimeRemaining funksiyasi(tugash vaqti)(
var t = Date.parse(endtime) - Date.parse(yangi Sana());
var seconds = Math.floor((t/1000) % 60);
var daqiqa = Math.floor((t/1000/60) % 60);
var soat = Math.floor((t/(1000*60*60)) % 24);
var kun = Math.floor(t/(1000*60*60*24));
qaytish (
"jami": t,
"kunlar": kunlar,
"soat": soat,
"daqiqalar": daqiqalar,
"sekundlar": soniya
};
}

Avval biz o'zgaruvchini yaratamiz t qolgan vaqtni saqlash uchun. Date.parse() usul o'rnatilgan javascript va vaqt bilan qatorni millisekundlardagi qiymatga aylantirish imkonini beradi. Bu bizga bir vaqtni boshqasidan ayirish va ular orasidagi farqni olish imkonini beradi.

Var t = Date.parse(endtime) - Date.parse(yangi Sana());

Sanani qulay formatga aylantiring

Endi biz millisekundlarni kunlar, soatlar, daqiqalar va soniyalarga aylantirmoqchimiz. Misol sifatida soniyalardan foydalanamiz:

Var soniya = Math.floor((t/1000) % 60);

Keling, bu erda nima bo'layotganini aniqlaylik.

• Millisekundlarni soniyalarga aylantirish uchun ularni 1000 ga bo'ling
• Jami soniyalar sonini 60 ga bo'ling va qolganini saqlang - sizga barcha soniyalar kerak emas, faqat daqiqalar hisoblangandan keyin qolgan soniyalar.
• Eng yaqin butun songa yaxlitlang, chunki sizga ularning kasrlari emas, balki to'liq soniyalar kerak bo'ladi

Millisekundlarni daqiqalar, soatlar va kunlarga aylantirish uchun ushbu mantiqni takrorlang.

Taymer ma'lumotlarini qayta foydalanish mumkin bo'lgan ob'ekt sifatida chiqarish

Soatlar, daqiqalar va soniyalar tayyor bo'lgach, ularni qayta foydalanish mumkin bo'lgan ob'ekt sifatida qaytarishimiz kerak.

Qaytish (
"jami": t,
"kunlar": kunlar,
"soat": soat,
"daqiqalar": daqiqalar,
"sekundlar": soniya
};

Ushbu ob'ekt sizga o'z funktsiyangizni chaqirish va har qanday hisoblangan qiymatlarni olish imkonini beradi. Qolgan daqiqalarni qanday olishingiz mumkinligiga misol:

GetTimeRemaining(oxirgi muddat).daqiqa

Qulay, to'g'rimi?

Sahifada soatni ko'rsating va u nolga yetganda uni to'xtating

Endi bizda qolgan kunlar, soatlar, daqiqalar va soniyalarni qaytaradigan funksiya mavjud. Biz taymerimizni qurishimiz mumkin. Birinchidan, quyidagilarni yarating html soat tuzilishi:

Keyin bizning ichidagi ma'lumotlarni ko'rsatadigan funktsiyani yozing div"a:

Function initializeClock(id, endtime)(
var clock = document.getElementById(id);
var timeinterval = setInterval(function())(


" +
"hours: "+ t.hours + "
" +
"daqiqa: " + t.daqiqa + "
" +
"sekundlar: " + t.sekundlar;

}
},1000);
}

Ushbu funktsiya ikkita parametrni oladi: id bizning soatimiz va hisoblagichning tugash vaqtini o'z ichiga olgan element. Funktsiya ichida biz o'zgaruvchini e'lon qilamiz soat va biz undan soat blokiga havolani saqlash uchun foydalanamiz, shuning uchun so'rashimiz shart emas DOM.

• Qolgan vaqtni hisoblang
• Qolgan vaqtni bizda ko'rsating div
• Qolgan vaqt = 0 bo'lsa, soatni to'xtating

Qolgan yagona narsa soatni quyidagicha boshlashdir:

InitializeClock("clockdiv", oxirgi muddat);

Tabriklaymiz! Endi sizda javascript kodining atigi 18 satrida oddiy ortga hisoblash taymer.

Soatingizni namoyish qilish uchun tayyorlang

Stylingdan oldin biz bir nechta narsalarni biroz yaxshilashimiz kerak.

• Taymer darhol paydo bo'lishi uchun dastlabki kechikishni olib tashlang
• Doimiy ravishda barcha soatlarni qayta qurish shart emasligi uchun soat skriptini samaraliroq qiling.
• Istaganingizcha nol qo'shing

Dastlabki kechikishni olib tashlash

Biz ishlatadigan soatlarda setInterval displeyni har soniyada yangilash uchun. Ko'pincha bu normal holat, boshidan tashqari, 1s kechikish mavjud. Buni tuzatish uchun biz soatni bir marta yangilashimiz kerak setInterval boshlanadi.

Buning uchun biz o'tadigan anonim funksiyani ko'chiramiz setInterval(soatni har soniyada yangilab turadigan) o'zining alohida funksiyasiga aylantiramiz, biz uni chaqiramiz yangilash soati. Ushbu funktsiyani tashqarida bir marta chaqiring setInterval va keyin yana ichkariga qo'ng'iroq qiling setInterval. Shu tarzda soat kechiktirmasdan ko'rsatiladi.

Sizning javascript buni almashtiring:

Var timeinterval = setInterval(function())( ... ),1000);

Funktsiya updateClock()
var t = getTimeRemaining(tugash vaqti);
clock.innerHTML = "kunlar: " + t.days + "
" +
"hours: "+ t.hours + "
" +
"daqiqa: " + t.daqiqa + "
" +
"sekundlar: " + t.sekundlar;
if(t.total clearInterval(vaqt oralig'i);
}
}

UpdateClock(); // kechikishning oldini olish uchun funksiyani bir marta ishga tushiring
var timeinterval = setInterval(updateClock,1000);

Skriptni yanada samarali qilish

Skriptni yanada samaraliroq qilish uchun biz barcha soatlarni emas, balki faqat raqamlarni yangilashimiz kerak. Buning uchun har bir raqamni tegga qo'ying oraliq va biz faqat ushbu tarkibni yangilaymiz.

Bu yerga html:

Var daysSpan = clock.querySelector(".days");
var hoursSpan = clock.querySelector(".hours");
var minutesSpan = clock.querySelector(".daqiqalar");
var secondsSpan = clock.querySelector(".seconds");

Funktsiya updateClock()
var t = getTimeRemaining(tugash vaqti);

DaysSpan.innerHTML = t.days;
hoursSpan.innerHTML = t.hours;
minutesSpan.innerHTML = t.daqiqa;
secondsSpan.innerHTML = t.sekundlar;

...
}

Boshlovchi nollarni qo'shish

Agar sizga bosh nol kerak bo'lsa, kodni quyidagi kabi o'zgartirishingiz mumkin:

SecondsSpan.innerHTML = t.sekundlar;

Shunga o'xshash:

SecondsSpan.innerHTML = ("0" + t.sekundlar).slice(-2);

Xulosa

Biz ko'rib chiqdik javascriptda oddiy ortga hisoblash taymerini qanday qilish kerak. Sizga faqat uslublar qo'shish qoladi. E'tiboringiz uchun rahmat!

Salom aziz do'stlar. Oldingi maqolalardan birida men ochilish sahifangizda foydalanishga arziydimi yoki yo'qligini muhokama qildim. Shunday qilib, agar siz buni sizga kerak deb hisoblasangiz, bugun men uni ochilish sahifangizga qanday ulashni aytaman.

Biz bir nechta variantlar haqida gaplashamiz, bir holatda bu har 24 soatda aylanib turadigan hisoblagich skripti bo'ladi. Ya'ni, siz reklama qilish imkoniyatiga ega bo'lasiz. Masalan: "kun oxirigacha -" va taymer kun oxirigacha qancha vaqt qolganligini ko'rsatadi. Bir kundan keyin taymer qayta ishga tushadi va yana hisoblashni boshlaydi

Va boshqa versiyada men sizga bu haqda aytib beraman onlayn xizmat, bu sizga ortga hisoblash hisoblagichini ulash imkonini beradi. Ammo bu erda hisoblagich uzoq vaqtga mo'ljallangan deb taxmin qilinadi. Misol uchun, siz bir oy ichida veb-sayt ochishni rejalashtiryapsiz va hozircha siz shunday stub yaratdingiz:

U turli yo'llar bilan ishlatilishi mumkin, masalan, agar reklama bir martalik bo'lsa va uzoq vaqtga mo'ljallangan bo'lsa, u holda onlayn ulanish foydaliroq, chunki to'g'ri joyga faqat bitta kod qatorini qo'shishingiz kerak. Umuman olganda, maqsadga qarab, siz uchun mos variantni tanlang. Qani boshladik...

Qayta ishga tushirish bilan ortga hisoblagich

Shunday qilib, bir kundan keyin qayta boshlanadigan teskari hisoblagich. U mywpnote.ru blogiga ega bo'lgan usta tomonidan ishlab chiqilgan. Men blogni taxminan olti oy oldin uchratdim va o'sha paytda u menga juda yordam berdi. Bugun men sizga u ishlab chiqqan hisoblagichlardan biri haqida gapirib bermoqchiman va uni qanday ulashni tasvirlab bermoqchiman.

Taymerlar quyidagicha ko'rinadi:

Manbalarni yuklab oling va arxivda siz vid1, vid2, vid3, vid4 nomli 4 ta papkani ko'rasiz - ularda turli xil turlari taymerlar dizayni. Siz hamma narsani ko'rishingiz va o'zingizga yoqqanini tanlashingiz mumkin. Ulanish usuli hamma uchun bir xil.

Men 4-da ko'rsataman, chunki bu menga eng universal bo'lib tuyuladi. Biz vid4-ni ochamiz va biz tarmoqdagi ko'pgina manbalar uchun standart papkalar to'plamini ko'ramiz. (indeks fayli, uslublar jadvallari bo'lgan papka, rasmlarli papka va skript bilan papka). Yangi boshlanuvchilar uchun hisoblagichni ulashni osonlashtirish uchun men fayl tuzilishini biroz o'zgartirdim. Ya'ni, men taymer skriptini alohida faylga ko'chirdim, lekin u indeks faylida edi.

Ortga hisoblash skriptini ochilish sahifangizga qanday ulash mumkin?

index.html ni istalgan tahrirlovchi bilan oching (men sublime3 dan foydalanaman) va quyidagi kodni ko'ring.

Bu erdan siz uslublar jadvali va skriptning ulanishini (7 va 8-qator) loyihangizga nusxalashingiz kerak.

Shuningdek, siz taymerni qo'ymoqchi bo'lgan joyga "countbox" klassi bilan div tegini qo'shishingiz kerak - 13-qator. Kod bir nechta taymer ulanishlarini sahifada bir necha marta ishlatish mumkinligini aniq ko'rsatish uchun maxsus joylashtiradi. Ko'pgina skriptlarda bu bilan bog'liq muammolar mavjud va ikkinchi marta ular ekranda ko'rsatilishini xohlamaydilar.

Endi siz faqat img, css va js papkalarini hamda ularning mazmunini loyihangizga nusxalashingiz kerak - tamom! Ortga hisoblash hisoblagichi ishlaydi! Ko'rib turganingizdek, maksimal 5 daqiqa davom etadi va bunday muhim element saytingizda mavjud bo'ladi. Agar sizda biron bir savol bo'lsa, sharhlarda yozing, men sizga hisoblagichni ulashda albatta yordam beraman!

Ortga hisoblash hisoblagichi onlayn

Maqolaning boshida aytib o'tilgan boshqa turdagi ortga hisoblash hisoblagichiga muhtoj bo'lganlar uchun juda oddiy ulanish usuli bilan xizmat mavjud. Buning uchun www.timegenerator.ru veb-saytiga o'tish va taklif qilingan taymerlardan birini tanlash kifoya.