როგორ შევქმნათ ტაიმერი

Სარჩევი:

როგორ შევქმნათ ტაიმერი
როგორ შევქმნათ ტაიმერი

ვიდეო: როგორ შევქმნათ ტაიმერი

ვიდეო: როგორ შევქმნათ ტაიმერი
ვიდეო: Dr. GG - როგორ გამოვიყენოთ ტაიმერი 2024, მაისი
Anonim

მრავალ საიტზე ნახავთ ტაიმერის დათვლას, სანამ კონკრეტული მოვლენა არ მოხდება. ეს შეიძლება იყოს ფასდაკლების დასრულების დრო ან ახალი წლისთვის დარჩენილი დრო. ასეთი ტაიმერები შესანიშნავი სარეკლამო ნაბიჯია, რომელიც ასტიმულირებს მყიდველების / მომწოდებლების საქმიანობას და ასევე კარგი ინტერაქტიული მრავალფეროვნებაა საიტისთვის.

როგორ შევქმნათ ტაიმერი
როგორ შევქმნათ ტაიმერი

აუცილებელია

ათვლადი ტაიმერის სკრიპტი

ინსტრუქციები

Ნაბიჯი 1

თქვენს ტაიმზე ასეთი ტაიმერის დასაყენებლად, პირველ რიგში, ჩამოტვირთეთ countdown ტაიმერის სკრიპტი. შემდეგ მასში ორი პარამეტრის კონფიგურაცია: countdown თარიღი და შესაბამისი წარწერა, რომელიც გამოჩნდება ამ თარიღის დადგენისთანავე.

ნაბიჯი 2

გადმოწერილი არქივის გახსნით, თქვენ ნახავთ 2 ფაილს: ერთი შეიცავს სკრიპტის countdown.js და მეორე ემსახურება იმ გვერდის მაგალითს, რომელთანაც დაერთვება ეს სკრიპტი - index.html. პირველი, ამოიღეთ ფაილები არქივიდან.

ნაბიჯი 3

გამოიყენეთ ჩასაწერი წიგნის სკრიპტის რედაქტირებისთვის Notepad- ში მითითებული ფაილის გასახსნელად, დააწკაპუნეთ მასზე მაუსის მარჯვენა ღილაკით. მენიუში, რომელიც გამოჩნდება, აირჩიეთ "გახსნა" ელემენტი, შემდეგ აირჩიეთ "ერთად - ჩასაწერი".

ნაბიჯი 4

შეცვალეთ პირველი სტრიქონი ფაილის დასაწყისში: var eventstr = "გილოცავთ ახალ წელს!". ეს წარწერა გამოჩნდება უკუქცევის ბოლოს. უკუქცევის თარიღის მეორე სტრიქონი ფაილის ბოლოს მდებარეობს და ასე გამოიყურება: CountDowndmn (2011, 1, 1) ფორმატის წელი, თვე, დღე.

ნაბიჯი 5

შეცვალეთ სკრიპტის ფრაგმენტი, რომელიც ასევე მდებარეობს ფაილის ბოლოს, უკუქცევის თარიღის ოდნავ ზემოთ: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "და" + dsec + " + dsecstr.

ნაბიჯი 6

შეინახეთ მიღებული ფაილი და განათავსეთ იმ დირექტორიაში, სადაც მდებარეობს თქვენი საიტის გვერდი, სადაც განთავსდება ტაიმერი. სხვა სიტყვებით რომ ვთქვათ, ტაიმერის გვერდის ფაილი და სკრიპტის ფაილი უნდა იყოს იმავე დირექტორიაში.

ნაბიჯი 7

შემდეგ, ტაიმერის დასაყენებლად მოსახერხებელ ადგილას, თქვენი გვერდის კოდში დააყენეთ 2 სტრიქონი:

DIV "ცენტრის" ID = "countdown">.

ნაბიჯი 8

პირველი ხაზი პასუხისმგებელია ტაიმერის გამოსვლის ბრძანებაზე. მეორე შექმნილი სკრიპტის დასაკავშირებლად.

ნაბიჯი 9

შეამოწმეთ თქვენი ტაიმერი მუშაობს. თუ ყველაფერი სწორად გაკეთდა, თქვენი საიტის გვერდზე სწორ ადგილზე ნახავთ უკუთვლას.

გირჩევთ: