Кнопка “Показать пароль“ для сайта с анимацией оставшегося времени до скрытия пароля
🔶
✈️ Телеграм:
👨💻 Скачать код:
👨🎓 Курсы:
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
16 views
162
41
2 months ago 00:23:30 1
Я научу тебя пользоваться iPhone за 25 минут! Мастер-класс по переходу с Android на iOS!
2 months ago 00:13:09 1
КАК ПРОЙТИ DARK SOULS 2 БЕЗ ПОДБОРА ПРЕДМЕТОВ
2 months ago 00:57:49 1
Валаам. Или почему монахи всегда себя прокормят.
2 months ago 00:03:33 1
Сергей Крава - Выборы
2 months ago 00:02:39 1
“Россия не погибнет, но ударит так, что Украина исчезнет“ - Лукашенко про ядерное оружие в Украине
2 months ago 00:07:37 1
ЭТО МЫ ЖДЕМ! Новый Айфон, Макбуки, iPad и AirTag! Чем удивит и что покажет Apple в ближайшее время?!
2 months ago 00:11:38 1
Самодельный суперкар из Нивы, Икаруса и BMW / Спорткар ISV из Челябинска
2 months ago 01:02:13 1
Hyundai IX35 2010-2015 г.в. Установка сигнализации с автозапуском Starline A93 Своими руками.
2 months ago 00:33:10 5
Арест Глюкозы! Безумие зависимой. Волочкова, хейтеры и завистники. Слив на Дурова. Пи Дидди виноват!
2 months ago 00:56:25 1
Гениальные домашние хаки на все случаи жизни, которые значительно облегчают жизнь 😎🤩
2 months ago 01:34:54 1
МАСТЕР-КЛАСС | СПУЩЕННОЕ ПЛЕЧО | КАК У РАССЧИТАТЬ | НА ПРИМЕРЕ СТИЛЬНОГО СВИТЕРА КАК У КУЧИНЕЛЛИ
2 months ago 00:42:10 1
150 тысяч нелегалов идут к границе США, летающие такси в Калифоорнии, американцы против молока
2 months ago 00:20:12 1
ТОП 9 ПРОЕКТОВ ADOBE MAX КОТОРЫЕ ВАМ НУЖНО ЗНАТЬ
2 months ago 00:11:18 1
Путин не смог победить Молдову. Страна выбрала Европу и Санду
2 months ago 00:59:54 1
КУРГИНЯН: новый сценарий для Украины и вечная война; НЛО из Китая и анекдот про США; кто хозяин мира
2 months ago 00:08:49 1
Лег, правильно полежал, и встал без АРТРОЗА. 3 упражнения для ваших суставов 👍
2 months ago 00:04:55 1
Вячеслав Полунин - Снежное шоу
2 months ago 00:02:43 1
Как исключить подписчика из вашего чат-бота Сенлер во ВКонтакте Простой бот для ВК от Senler
2 months ago 00:01:03 1
Привет я через 5 лет | VaGa 0-250k
2 months ago 00:06:31 1
ЗАБРАТЬ ДЕТЕЙ ИЗ-ЗА МЫШЛЕНИЯ НА РУССКОМ?! В Беларусь СБЕЖАЛА семья из Латвии