Кнопка “Показать пароль“ для сайта с анимацией оставшегося времени до скрытия пароля

🔶 ✈️ Телеграм: 👨‍💻 Скачать код: 👨‍🎓 Курсы: HTML : JavaScript: ReactJS: PHP: Интернет магазин: Канал ru: Канал UA: С помощью JavaScript делаем кнопку “Показать пароль“ на сайте. При нажатии кнопки пароль, скрытый по умолчанию, отображается на 5 секунд (время можно менять). При отображении поле с паролем анимируется - начинает заполняться фон, при полном заполнении пароль становится скрытым. В коде применяется работа с setInterval, работа с классами и атрибутами, с анимацией CSS. 00:00 Начало 00:20 Пример работы кнопки и анимации 01:00 Создаем структуру проекта 02:15 Создаем верстку файла HTML 04:30 Пишем JavaScript код кнопки 11:30 Добавляем анимацию с помощью CSS 17:15 Исправляем баг setInterval для input 19:15 Подключаем Bootstrap Моя рабочая станция: Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh HDD: - Samsung 860 Evo-Series 500GB M.2 - Toshiba P300 2TB - Silicon Power A56 256GB Monitors: - 23.8“ Dell P2419HC - 23.8“ Dell P2418D Mouse: Trust Verto Ergonomic Wireless Keyboard: HP KU-1469 Microphone: Samson C01U Pro IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics
Back to Top