ვარიანტი 1.
მარტივი ტაიმერი მხოლოდ წუთებისა და წამების გამოყენებით
ტაიმერის გამოჩენისთვის ელემენტს უნდა მიენიჭოს იდენტიფიკატორი ტაიმერი და დაამატეთ მდგომარეობა თეგს
ეს ყველაფერი, ტაიმერი მზად არის.
ვარიანტი 2.
სურათი ემსახურება ტაიმერის ციფრებს. ამ ტაიმერში, წუთებისა და წამების გარდა, საათები და დღეებიც არის ხელმისაწვდომი. ჩვენი ტაიმერი ითვლიან კონკრეტულ დღეს.
ჩვენ ვამუშავებთ გვერდს
ციფრები2_orange.png სურათი გამოყენებული იქნება დროის საჩვენებლად
შემდეგ, ჩვენ ვწერთ js კოდს
სურათი - ჩვენი სურათი
startTime მხოლოდ 09.01.2017 წლამდე დარჩენილი დროა
timerEnd - რა ხდება, როდესაც ტაიმერი მთავრდება, ჩვენს შემთხვევაში შესაბამისი წარწერა შეიტანება კონტეინერში ტუტის იდენტიფიკატორით
შემდეგი არის ჩვენი ტაიმერი
მარცხენა:
ჩვენ ვადგენთ
#ფენა (
სიგანე: 600 პიქსელი;
ტექსტის გასწორება: ცენტრი;
მინდორი: 0 ავტო;)
# Counter (
მინდორი: 10pt auto 0 auto;
სიგანე: 414px;)
დესკ (
სიგანე: 430px;
მინდორი: 0px ავტო;)
# დღე, # საათი, # წუთი, # წამი (
ათწილადი: მარცხენა;
შრიფტი: 13px Arial, Verdana, sans-serif;
სიგანე: 50px;
ზღვარი მარჯვნივ: 63 პიქსელი;
შრიფტის წონა: თამამი;
ფერი: # 000;)
# წამი (ზღვარი მარჯვნივ: 0 პიქსელი;)
CntSeparator (
შრიფტის ზომა: 50 პიქსელი;
მინდორი: 6px 7px;
ფერი: # 000;)
ვარიანტი 3.
ჩვენი აზრით, ყველაზე მოსახერხებელია. ისევე, როგორც წინა, ის გვიჩვენებს დარჩენილი რაოდენობის დღეებს, საათებს, წუთებს, წამებს. არ იყენებს გამოსახულებას მრიცხველის საჩვენებლად.
სამუშაოსთვის გვჭირდება jquery ბიბლიოთეკა და ფაილი
ჩვენ ვამუშავებთ გვერდს
00
დღეები
00
საათი
00
წთ
00
წმ
და css გარეგნობის სტილისთვის
.შეხვედრა (
სიის სტილი: არცერთი;
მინდორი: 6px 0 0 0;
შევსება: 0;
ჩვენება: ბლოკი;)
Countdown li (ჩვენება: inline-block;)
/ * აქ დღეები, საათები, წუთები, წამი * /
.შეხვედრა li span (
სიგანე: 100%;
ფერი: # 000;
შრიფტი: 18px Verdana;
ჩვენება: inline-block;)
/ * გამყოფები. და: * /
. countdown li.seperator (
ფერი: # 000;
შრიფტი: 16px Verdana;
ვერტიკალური გასწორება: ზედა;)
Countdown li div (
ზღვარი: 0;
ფერი: # a7abb1;
შრიფტი: 8pt Verdana;)
Tabata ტაიმერის შეძენა შესაძლებელია მაღაზიაში, როგორც ცალკეული მოწყობილობა, ონლაინ გამოყენება, ან დაყენება, როგორც პროგრამა სმარტფონზე (მაგალითად, Android- ისთვის, Iphone- სთვის). ონლაინ ვერსია მოსახერხებელია, რადგან თქვენ არაფრის დაყენება არ გჭირდებათ, ყველაფერი მარტივი და ინტუიციურია.
როგორ გამოვიყენოთ ინტერვალის ტაიმერი:
ინტერვალის დროის შეცვლა შესაძლებელია ღილაკების გამოყენებით - და + სასურველი ნივთის არჩევის შემდეგ:
ტრენინგი - ნაგულისხმევი 10 წმ... ეს არის დრო, რომ კომპიუტერს თავი დაანებოთ და ვარჯიშისთვის მოვემზადოთ.
Სამუშაო - ნაგულისხმევად დაყენებული 20 წმ... ეს არის ვარჯიშის დრო.
დასვენება - ნაგულისხმევი 10 წმ... ეს არის დანარჩენი დრო ტურებს შორის.
მრგვალდება - ნაგულისხმევად დაყენებული 8 ... ეს არის მიდგომების რაოდენობა (მუშაობა + დასვენება).
ციკლები - ნაგულისხმევად დაყენებული 1 ... ეს არის 8 რაუნდის წრეების რაოდენობა. დროთა განმავლობაში გაიზარდეთ 3-4 ციკლამდე. ჩვეულებრივ, დასვენება ტარდება ციკლებს შორის 1 წუთის განმავლობაში. ციკლებს შორის დასვენების დრო დადგენილია "მომზადება" პუნქტში.
ინტერვალის ტაიმერის ვიდეო ვერსია მუსიკით:
გამარჯობა მეგობრებო! ამ სტატიაში განვიხილავ სამ ონლაინ სერვისს, საანგარიშო დროის ტაიმერის შესაქმნელად, რომელიც შევხვდი, როდესაც საჭიროა ოპერაციული ტაიმერის შეცვლა გადამყიდველის ნაკრებით.
სკრიპტებისა და კოდების გათხრა არ არის ჩემი ძლიერი მხარე, ამიტომ გადავწყვიტე გამომეყენებინა მარტივი და სწრაფი გამოსავალი - სპეციალური სერვისი. ვიზუალურად დააყენეთ მასზე თქვენი ტაიმერი და შემდეგ ჩასვით მზა სკრიპტი უსაქმური.
როდესაც ვეძებდი, სამ კარგ ონლაინ ინსტრუმენტს წავაწყდი და გადავწყვიტე მათ შესახებ მეთქვა. ალბათ ისინი ასევე გამოდგებიან თქვენს საქმიანობაში.
ნახეთ ჩემი ვიდეო მიმოხილვა ამ სერვისების. ვიდეოში მე ასევე გაჩვენებთ თუ როგორ უნდა დააყენოთ ტაიმერი ვებსაიტზე:
ასე რომ, პირველი სერვისი, სადაც შეგიძლიათ სწრაფად გააკეთოთ ლამაზი ტაიმერი, არის e-timer.ru.
აქ ჩვენ გვაქვს ფანჯარა საკმაოდ მოქნილი პარამეტრებით; შედეგის და კოდის გადახედვა, რომლის კოპირება და ჩასმა სჭირდება თქვენს საიტზე ტაიმერის ჩვენებისთვის.
სინამდვილეში, მთელი პროცესი საქმეზე მორგებულია. მთავარ პარამეტრებში ჩვენ ვაჩვენებთ, არის თუ არა დაკავშირებული jquery ბიბლიოთეკა საიტზე. თქვენ შეგიძლიათ შეამოწმოთ საიტის კოდის (ctrl + u) ნახვა, შემდეგ კი დააჭირეთ ctrl + f საძიებლად.
თუ ჩვენ ავირჩიეთ, რომ თავიდან დავიწყოთ, ვთქვათ, ყოველდღე, მაშინ ყოველდღე დაიწყება დახლი.
ასევე შეგვიძლია შევცვალოთ დახლზე წარწერა "აქციის დასრულებამდე", გავზარდოთ ან შევამციროთ იგი, ან საერთოდ ამოვიღოთ, რომ ეს ველი ცარიელი დავტოვოთ.
ტაიმერის ჩვენების პარამეტრებში შეგვიძლია შევცვალოთ მისი გარეგნობა:
შეცვალეთ იარლიყების შრიფტი და ფერი;
გამყოფები რიცხვებს შორის;
წარწერების ენა (შესაძლებელია რუსულად, უკრაინულად, ინგლისურად);
შევსება და ფონის ფერი;
საზღვრები და ჩრდილი.
აქ შეგიძლიათ სხვადასხვა გზით ითამაშოთ და დაუყოვნებლივ შეხედოთ შედეგს.
ციფრების ჩვენების პარამეტრებში შეგვიძლია ავირჩიოთ:
ყველაზე მცირე მნიშვნელობა - თუ ავირჩევთ "წუთებს", მაშინ წამები აღარ გამოჩნდება;
ციფრების შრიფტი, ზომა და ფერი;
შიდა ჩაღრმავება - გაზრდისთანავე მრიცხველი სიგრძეზეა გადაჭიმული.
საზღვრები - როდესაც ვზრდით, მომრგვალებულია რიცხვების მიმდებარე კვადრატების კუთხეები.
და ჩრდილი - თუ აქ ჩავსვამთ 0-ს, მაშინ ჩვენ მთლიანად ამოვიღებთ კვადრატებს ციფრების გარშემო.
როდესაც ყველა პარამეტრი გაკეთდება, დააკოპირეთ ტაიმერის კოდი და ჩასვით საიტზე სწორ ადგილზე.
მე მაგალითს გაჩვენებთ html სადესანტო გვერდის გამოყენებით, რომელიც მე გახსნა ჩასაწერად ++– ში რედაქტირებისთვის. მე მინდა ტაიმერი პირდაპირ გადახდის ღილაკის ქვეშ დავაყენო, ამიტომ ამ ადგილს ვპოულობ კოდში, ვათავსებ სკრიპტს და ტაიმის გასწორებას ცენტრში თეგების გამოყენებით
გასადიდებლად დააჭირეთ
სადესანტო გვერდზე ჩემი ტაიმერი ასე გამოიყურება:
შემდეგი ონლაინ მომსახურება megatimer.ru... ეს უფრო მომეწონა, თუმცა გარე ტაიმერის პარამეტრების ნაკლები შესაძლებლობები არსებობს.
ასე რომ, ზედა ნაწილში ჩვენ ვხედავთ, თუ როგორ გამოჩნდება მრიცხველი და ქვემოთ - ჩანართები პარამეტრებით.
"ტაიმერის ტიპი" - აქ ჩვენ ვადგენთ მისი მუშაობის პრინციპს. თუ გარკვეულ თარიღამდეა, მაშინ ჩვენ ვათვლით დათვლის დასრულების დასრულებას (მაგალითად, მომხმარებლის ადგილობრივი დროის ან მოსკოვის შესაბამისად).
თუ გარკვეული პერიოდის განმავლობაში, მაშინ ჩვენ შეგვიძლია დავაყენოთ ტაიმერი 24 საათის განმავლობაში თითოეული ახალი ვიზიტორისთვის. შემდეგ ჩვენ ვირჩევთ ამოსავალი წერტილს კლიენტის პირველი ვიზიტიდან და მიუთითეთ ხანგრძლივობა - 24 საათი. ამ შემთხვევაში, ზედა მარჯვენა კუთხეში მონიშნეთ „დღეები“ და ტაიმერზე დატოვეთ მხოლოდ საათები, წუთები და წამები.
თუმცა, თუ იგივე სტუმარი ეწვია გვერდს სხვა ბრაუზერიდან ტაიმერით ან გაასუფთავებს ქეშს, მაშინ მისთვის დათვლა თავიდან იწყება.
ასევე არსებობს ციკლური ტაიმერი, რომლის გადატვირთვაც შესაძლებელია ყოველდღე, გარკვეული სიხშირით.
"დიზაინი" - შემოთავაზებული ვარიანტებიდან ჩვენ შეგვიძლია ავირჩიოთ ჩვენი ტაიმერის სახე. ბევრი არჩევანი არ არის, მაგრამ არსებობს რამდენიმე მრავალმხრივი ვარიანტი.
"პარამეტრები" - ამ ეტაპზე გვაქვს შესაძლებლობა შევცვალოთ შრიფტი, ზომა და ფერის რიცხვი, მათ შორის აბზაცი, გამყოფი, აგრეთვე წარწერების შრიფტი, ზომა და ფერი.
საბოლოო ეტაპია მოკლე კოდის კოპირება და, ერთიდაიგივე, ადგილზე განთავსება სწორ ადგილას.
და ბოლო სამსახური, რომლის შეჩერებაც დღეს მსურს, არის timegenerator.ru... საშუალებას გაძლევთ წამში გამოიმუშაოთ ტაიმერი, რადგან აქ მინიმალური პარამეტრებია.
ჩვენს წინაშეა ტაიმერების 4 ვარიანტი, რომელთაგან ჩვენ ვირჩევთ საკუთარ თავს შესაბამის ღილაკს შესაბამის ღილაკზე დაჭერით.
მარტივია, მეგობრებო. ახლა თქვენ იცით, თუ სად შეიძლება სწრაფად და მარტივად შექმნათ countdown counter თქვენი ვებსაიტისთვის.
Მადლობა ყურადღებისთვის! როგორც ყოველთვის, მოხარული ვარ თქვენი კომენტარისთვის.
პატივისცემით, ვიქტორია
ჩვენ წარმოგიდგენთ ახალ, მაქსიმალურად მარტივ და ფუნქციურ სერვისს ყველა მათთვის, ვისაც დრო აინტერესებს ამა თუ იმ მიზეზით. ონლაინ ტაიმერი საშუალებას მოგცემთ დაუთმოთ დრო, როცა დაგჭირდებათ. დროა ეს სპორტულ ღონისძიებებზე, საკუთარი პირადი საუკეთესოების დადგენა, ან იქნებ უბრალოდ დაგჭირდებათ პამდინგის დრო. მე პირადად, მე, ამ სერვისის შემქმნელი, თვითონ ვიყენებ მას, რათა თვალყურს ვადევნო გარკვეული კერძების მომზადების დრო. ძალიან მოსახერხებელი და სწორია. ჩემი სამზარეულო არ ცხოვრობს ტაიმერის გარეშე. ყველაფერს დროში ვადევნებ თვალყურს - კოტლეტის შემწვარი დამთავრებული ბორშის ან ქათმის სუპის მომზადებით. სულ ახლახანს ჩემმა მეგობარმა აღიარა, რომ ჩემი ონლაინ ტაიმერი მაღვიძარა გამოიყენა! ყოველივე ამის შემდეგ, დათვლის ბოლოს, წინასწარ განსაზღვრული დრო, ტაიმერს შეუძლია დაუკრას ხმა. აქ აშკარაა, რომ კომპიუტერის დინამიკები უფრო ძლიერი იქნება ვიდრე ჩვეულებრივი მაღვიძარა, ანუ გაღვიძების ალბათობა უფრო მაღალია. ჩემთვის ეს რაღაც ახალია, სიმართლე გითხრათ, არასდროს მიფიქრია, რომ ონლაინ ტაიმერი შეიძლება მაღვიძარად გამოდგეს, მაგრამ ყველაფერი იმიტომ, რომ მას ხმის ფუნქცია აქვს. ახლა მე თვითონ ვცდი. მაგრამ ამ საიტს აქვს მეტი ტაიმერი. ასევე შეგიძლიათ გამოიყენოთ წამზომი ინტერნეტით. დიახ, თქვენ არ გჭირდებათ ტაიმერის გამოყენება, თქვენ გაქვთ არჩევანი. წამზომი, მაგალითად, ძალიან მოსახერხებელია სახლში სპორტით დაკავებისას. თქვენ შეგიძლიათ აკონტროლოთ სხვადასხვა მიდგომები, ვარჯიშებს შორის შესვენებები, ვარჯიშის დრო. მაგრამ ეს ყველაფერი არ არის. ყოველთვის მომწონდა ტაიმერების დათვლა დღეების რაოდენობაზე გარკვეულ ღონისძიებამდე, მაგალითად, ტაიმერი რამდენი დღის განმავლობაში დარჩა ზაფხულამდე ან ტაიმერი რამდენი დღის განმავლობაში დარჩა ახალ წლამდე. ეს ისეთი ბანალური რამეა, მაგრამ ზოგჯერ საინტერესოა შესვლა და ნახვა - რამდენი დღეა დარჩენილი ...
როგორ გამოვიყენო ჩემი ონლაინ ტაიმერი
ყველაფერი ძალიან მარტივია :)გადადით საიტზე, მოგესალმებით! გადადით "ტაიმერის" ჩანართზე, დააჭირეთ მწვანე ისარს, რომ ათვლა დაიწყოთ. ათვლაზე პაუზისთვის დააჭირეთ პაუზის (ნარინჯისფერი ღილაკი) ღილაკს. შეჩერების ღილაკი შეაჩერებს დროს. მბრუნავი ლურჯი ისრის ღილაკი აღადგენს ტაიმერის მნიშვნელობებს. რა თქმა უნდა, შეგიძლიათ გამოფინოთ თქვენთვის საჭირო დრო. განსაკუთრებით მოხერხებულობისთვის, მე მოვამზადე დროის ნიშნები, უბრალოდ გადაადგილეთ კურსორი ტაიმერის ღილაკზე და ჩემი საიტი შემოგთავაზებთ თქვენთვის სასურველი დროის არჩევას. თუ არ არის საჭირო დრო, მნიშვნელობა არ აქვს, დროის ჩაწერა შეგიძლიათ ხელით.
რაც მთავარია, ონლაინ ტაიმერი არის უფასო და მარტივი. მე ეს, პირველ რიგში, საკუთარი თავისთვის, ჩემი კულინარიული საჭიროებებისთვის და, შესაბამისად, მაღალი ხარისხისთვის გავაკეთე. დარწმუნდით ახლავე, გამოიყენეთ უფასო სერვისი - ონლაინ ტაიმერი, წამზომი ან მნიშვნელოვანი მოვლენების დათვლა.
