#13 Прогрессбар с таймером на JavaScript, работа с DOM

preview_player
Показать описание
В этом уроке мы сделаем прогресс-бар с таймером на JavaScript, а так же проведем анализ кода в devTools и подведем итоги после того как завершим написание кода функции.

Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ.

Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik.

00:00 Вступление и краткий анонс
00:44 Курс Frontend разработчик
01:10 Прогресс-бар с таймером на JavaScript
09:07 Анализ кода в devTools и итоги

#javascript #js #jsdom #dom #itdoctor
  1. ITDoctor
  2. itdoctor
  3. Прогресс-бар с таймером на JavaScript
  4. Анализ кода в devTools
  5. Прогрессбар с таймером на JavaScript
  6. работа с DOM
Рекомендации по теме
#13 Прогрессбар с 0:12:13

#13 Прогрессбар с таймером на JavaScript, работа с DOM

13 minute timer 0:13:03

13 minute timer (with end alarm, time elapsed and progress bar)

13 second timer 0:00:16

13 second timer (with end alarm, time elapsed and progress bar)

JavaScript Решает. Прогресс 0:16:23

JavaScript Решает. Прогресс бар и таймер

Уроки JavaScript Практика 0:04:35

Уроки JavaScript Практика #13 Прогресс бар. Как управлять?

13 Hour Countup 13:00:01

13 Hour Countup Timer

2 Hour Timer 2:00:01

2 Hour Timer [ Progress Bar ] - 4K 60 FPS

8 second timer 0:00:11

8 second timer (with end alarm, time elapsed and progress bar)

13 hour timer 6:30:02

13 hour timer (play at 0.5x speed) (with end alarm, time elapsed and progress bar)

60 Minute Timer 1:00:01

60 Minute Timer [ Progress Bar ] - 4K 60 FPS

2 Hour 15 2:15:09

2 Hour 15 Minute Timer - 135 Minute Countdown Timer

DevelNext [Урок #6] 0:06:30

DevelNext [Урок #6] - Таймер + Прогресс Бар

59 second timer 0:01:02

59 second timer (with end alarm, time elapsed and progress bar)

22 Minute Timer 0:22:01

22 Minute Timer [ Progress Bar ] - 4K 60 FPS

58 second timer 0:01:01

58 second timer (with end alarm, time elapsed and progress bar)

12 second timer 0:00:15

12 second timer (with end alarm, time elapsed and progress bar)

13 Hour Countdown 13:00:01

13 Hour Countdown Timer

Progressbar вертикальной прокрутки 0:17:03

Progressbar вертикальной прокрутки сайта на JavaScript

1 minute 1 0:01:04

1 minute 1 second timer (with end alarm, time elapsed and progress bar)

13 Seconds Countdown 0:00:18

13 Seconds Countdown Timer

41 second timer 0:00:44

41 second timer (with end alarm, time elapsed and progress bar)

2 minute timer 0:02:03

2 minute timer (with end alarm, time elapsed and progress bar)

⏰ 90 Minute 1:30:13

⏰ 90 Minute / 1 Hour 30 Minute Timer Green Screen Timer with Circular Progress Bar

11 Hour Timer 11:00:08

11 Hour Timer

Комментарии
Автор

Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik.

ITDoctor
Автор

вроде 2 раза посмотрел но некоторые моменты не понял особенно про пустые скобки и => возможно это следует использовать просто как шаблон но вот где именно придумать не могу

андрейдраконов-як
Автор

лефт тайм - сколько времени прошло
карент дэйт - текущая дата
лэфт персонт - сколько процентов осталось
транк округление без дробной части
пасед персент - сколько процентов прошло
+ преобразовывает все в число
операция по вычеслению выполнена
==0 - если таймер завершился, клир интервал прерывает интервал(сетинтервал), дисплей нон скрывает.
лефт тайм можно использовать вместо эндейт и стардейт

андрейдраконов-як
welcome to shbcf.ru