Мисля, че много от вас искат да използват в своите проекти собствения си опит, но често това е или не разполагат с време или умения. Така че днес аз ще ходя на задачата за създаване на таймер за обратно броене в две версии: таймера преди определена дата, и таймер за определен брой часове, минути и секунди. Някои може би разбра, че всъщност по-голямата част от работата ще е необходимо за решаване на първата задача, тъй като вторият проблем може лесно да доведе до първия (искам да отбележа, че способността да се интелигентно намаляване на техните задачи на вече извършена значително улеснява процеса на развитие). Така че да започнем ...
За да започнете да се определят по същото време ние ще реализираме таймер: функция, обект, или имитация на един клас. Паднах функции едновременно, това не е много удобно, но на обекта и "класа" звучи доста не е зле. Въпреки това, има още един важен момент: ако искаме да се използват множество таймери на същата страница? Ако е така, тогава изпълнението на обекта леко усложни нашата задача, тъй като обектът е в действителност - статичен клас, а ние трябва да осъзнаем, работата с множество таймери. Уроци също така няма да се припокриват и могат да създават неограничен брой таймери, така че да обсъдят тази възможност. В същото време, за да се определи реда, в който таймерът трябва да бъде създадена в определен елемент, без ръчно да създавате допълнително маркиране. И така нататък ...
Създаване на шаблон за създаване на JS «Клас":
Ако се вгледате внимателно, можем ясно да не разполагат с достатъчно възможности. Ние разширяваме конструктор втория аргумент, е отговорен за определяне на нашия часовник. Настройките ще приложат като обект, който ще се сравни с настройките по подразбиране. Т.е. например, ние имаме настройка «а», «б", "в" на строителя, ние минаваме «само» и «а» => Настройки за нашите таймер «а» и "в" ще бъде равна на, и "б" ще бъде взето подразбиране. Този подход се използва в повечето сценарии, тъй като това е много удобно. Така че имаме да въведе механизъм за определяне на сравнение, както и в стандартната JS не го правят някои инструменти. Просто напишете кода в същото време маркировката ни таймер buduyuschego.
Ако всичко е наред, тогава трябва да покаже, 1000 на вашата страница. Малко по-ясно какво се случва, така че добавете стил, който ще бъде най-малко, тъй като разделя нашите номера.
Така че ние трябва да се добавят две линии до края на нашия дизайнер, който започва да се брои веднага след създаването
Сега, ако се вгледаме в нашата Un, таймерът трябва да работи. Остава да се реши втората ни задача. Подход за решаване на този: ако настройката на таймера Настройте таймера на броя на часове, минути и секунди, след което се изчислява от датата на която ще бъде в определен интервал от време, да го настроите като датата на края на таймера и стартирате таймера за алгоритъм дадена задача. Аз Daubal mehanimz дава на строителя. И веднага донесе всичко окончателния код на нашата таймер.
Показано е и един малък пример:
Свързани статии