Как да създадете таймер за обратно броене за уебсайт JavaScript, оптимизация за търсещи машини и създаване на
Приветствия към вас, скъпи читатели! В този урок ще ви покажа как да се направи проста таймер за обратно отброяване!
Така че, с таймерите в интернет можете да се срещнете доста често. Например, когато офертата да се запишете за всеки семинар или бизнес обучение, онлайн обратното броене определено време, след което ние вече не могат да вземат участие във всички случаи.
Направете таймер е лесен за вашия сайт!
Какво може този таймер?
Да се опишат условията на труд на нашите програми от:
- Можете да зададете броя на дните, минути и секунди
- Всеки втори от времето има намаляване с 1 секунда
- По времето на изтичане на изскачащ прозорец с текста, който задейства таймера
Как да се прилагат таймер?
Целият код можете да видите или изтеглите по-долу, както и да разберат по-добре урока, разглобявате кода, който ще се отделно!
Толкова е просто - има обвивка за номерата с идентификатор - "таймер", и тя е инвестирала 3 блока за цифрите със съответната ID.
Ако трябва да определя първоначалната стойност за брой, тогава ще трябва да го промени само този HTML код.
Тук ние определите формата за обвивка отделно предписване на шрифт, размер, цвят и т.н., както и да предпише на имота - "дисплей: редово" за вътрешни divs данни, подредени в една лента.
Както можете да видите, ние сме създали една функция - "таймер", която ще се задейства всяка секунда. Активирането на тази функция се постига чрез определен интервал (setInterval):
Интервал (функция) отнема два параметъра: името на функцията, която искате да се обадите и времето в милисекунди.
1000 милисекунди - това е една секунда.
Този интервал ние се идентификатор - "intervalID", с цел да бъде в състояние да спре интервала, когато времето изтече.
Window означава, че променливата е глобален и са достъпни в рамките на функцията.
Сега нека да разгледаме самата функция "таймер" себе си.
Първо четем текущия час, минута и секунда в променливите със съответните имена.
Необходима е "край", за да се спре намаляването на таймера и ще покаже фразата - - Променлив "Таймерът работи!". По подразбиране, за да изложи невярно (фалшиво).
Освен това там са прости условия:
Ако секунди е по-голяма от 0, а след това да ги намали до 1, или да определите максимална стойност (60) и проверете също толкова малко, и след това да гледате
В резултат на това, ако се окаже, че броят на оставащите часове и минути и секунди е 0, след това да промените променлива края на истина.
След това, ние трябва само да променлива края - ако това е вярно, тогава натоварването на таймер и необходимостта да се лед и се отклоняват интервал, или просто актуализиране на часовете, минутите и секундите.
Както можете да видите, за да се създаде таймер за обратно отброяване е много проста!