Когато искате да стартирате уеб страница или конкретен продукт, има моменти, когато искате да генерирате определено очакване и за това няма нищо по -добро от прилагането на обратно броене, показващо колко остава в седмици, дни, часове, минути и т.н. .
Това изглежда доста добре и ни дава допълнение към нашата страница, което ще накара потребителите да се интересуват да изчакат отброяването да приключи и да видят какво ги очаква след края му и въпреки че може да звучи малко сложно, това е доста проста функционалност за включване.
Нашият код
За да изпълним нашата функция за обратно броене, ще ни трябват специализирани библиотеки, които ще включим в края на урока, сред които имаме jQuery Y jquery lwtCountdown, в допълнение към специализирания CSS. Първо ще ги включим, както следва:
След като това бъде включено, ще имаме нашия div или контейнери с информация за броячите на седмица, дни, часове, наред с други, които можем да променяме по свой вкус:
Сега частта, в която трябва да променим, за да се адаптираме към нашите нужди и конкретното време, където ще се появи нашата страница или продукт, е следният скрипт JavaScript, в който преминаваме деня, месеца, годината и, ако желаем, часовете. Библиотеката ще вземе тези данни и ще ги преобразува в обратно броене, да видим:Следете за напредък
Седмици00Дни00Часа00Минути00Секунди00
Най -любопитното в това е, че не трябва да правим нищо, тъй като книжарницата прави всичко вместо нас. Нека да видим как изглежда нашето обратно броене.
Както виждаме, ние приложихме обратното броене за няколко минути и всичко това благодарение на съоръженията на специализирани библиотеки, направени в JavaScript, библиотеки, които ни предоставят качествени функционалности, които ще ни дадат добавена стойност към нашия уебсайт или продукт с възможно най -малко усилия.
отброяване-JavaScript.zip 79.93K 1107 изтегляния
