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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 46

  • @Ибрагим-вввв09
    @Ибрагим-вввв09 4 ปีที่แล้ว +2

    Мужик , ты реально красавчик👍🏿 мир твоему дому

  • @oleg_mironov
    @oleg_mironov 7 ปีที่แล้ว +3

    Спасибо за видео! Вы отлично объясняете. Единственное - думаю, что задание звучит верно: именно ПОЛЬЗОВАТЕЛЬ задает время. Нужно было формочку сделать для заполнения времени.

  • @aleksandraSwedenVlog
    @aleksandraSwedenVlog 5 ปีที่แล้ว

    u vas ochen mnogo vsego, poniatno, no bistro zabivaetsa, spasibo!!!!

  • @paranoia-1994
    @paranoia-1994 3 ปีที่แล้ว +3

    у кого Math не работает, пишете var time а не let

  • @angrybeaver3425
    @angrybeaver3425 7 ปีที่แล้ว +17

    если интересно, подскажу реальное тестовое задание, которое мне дали: "создать страничку, в которой можно создавать департаменты и их сотрудников. Так же у них у всех есть кнопки добавить, редактировать и удалить, департамент или сотрудника. Результат сохранять в json файл."

    • @romankopylov5013
      @romankopylov5013 7 ปีที่แล้ว

      Поддерживаю!

    • @SPASI_GOSPODI
      @SPASI_GOSPODI 6 ปีที่แล้ว

      А можно создать прогресс бар в гугл форме? Просто я ничего не нашел

  • @paranoia-1994
    @paranoia-1994 3 ปีที่แล้ว +1

    Спасибо за видео

  • @dimaivanishin8925
    @dimaivanishin8925 7 ปีที่แล้ว +1

    Добрый день. Спасибо за урок. Но на мой взгляд, логичнее сделать callback функция вот так:
    function userProgress(time, callback){
    ...
    if(start > 100){
    ...
    callback();
    }
    ...
    }
    function show(){
    document.getElementById("hidden").style.display = "block";
    }
    userProgress(5, show);

  • @neptunin1
    @neptunin1 3 ปีที่แล้ว

    Скажите пожалуйста, как сделать, чтобы этот код(прогрессбар), запускался снова с 0, после достижения до 100? То есть, как бы зациклить его. Нужно для показа таймера слайда слайдера.

  • @oceanperch
    @oceanperch 6 ปีที่แล้ว +1

    Сделайте видео по настройке VSC

  • @АртемТитов-з4о
    @АртемТитов-з4о 3 ปีที่แล้ว

    как сделать что бы доходил до конца и снова двигался

  • @angrybeaver3425
    @angrybeaver3425 7 ปีที่แล้ว +2

    то что нужно!

  • @2010Sheb
    @2010Sheb 4 ปีที่แล้ว +1

    как обратиться к подобному прогресс бару на бутстрапе?

    • @itgid
      @itgid  4 ปีที่แล้ว

      можно по id, по роли по вложению

  • @трулав-у7б
    @трулав-у7б 4 ปีที่แล้ว

    как сделать чтоб над баром выводились разные тексты?

  • @alexandersp7293
    @alexandersp7293 6 ปีที่แล้ว

    Не будет ли удобнее вынести "start++" в "else"? Так как он будет выполнять прибавку только пока действует условие "start < 100"
    } else {
    progressElement.value = start;
    start ++;
    }
    }, time);

  • @ДмитроК-ю5ь
    @ДмитроК-ю5ь 7 ปีที่แล้ว

    Здравствуйте! Обязательно ли использовать clearInterval(intervalId); ?
    Можно ли использовать в коде строку return false , например так:
    if (start > 100) {
    userProgressCallBack();
    return false;
    }
    Есть ли принципиальная разница?

  • @gigman
    @gigman 6 ปีที่แล้ว

    А вы на какой проге работаете?

  • @raufhashimov241
    @raufhashimov241 6 ปีที่แล้ว +1

    Курс отличный спасибо вам за это

    • @itgid
      @itgid  6 ปีที่แล้ว

      Спасибо!

  • @yallahadji
    @yallahadji 7 ปีที่แล้ว +2

    Здравствуйте. Спасибо вам большое за уроки. У меня возник такой вопрос.Вы поставили переменную "start++" после else. А что будет если поставить ее в самом else? Можно ли так? Буду очень благодарен если ответите!)))

    • @itgid
      @itgid  7 ปีที่แล้ว +1

      Muslim al Dagestani тогда приращения не будет и расти прогресс не будет.

    • @yallahadji
      @yallahadji 7 ปีที่แล้ว

      Вот у меня почему то работает:
      Document


      function userS(x) {
      var start=0;
      x=x*10;
      var progress=document.getElementById('progress');
      var setI=setInterval(function(){
      if(start>100) {
      clearInterval(setI)
      } else{
      progress.value=start;
      start++
      }
      },x)}
      userS(5)

    • @光荣归于习近平同志
      @光荣归于习近平同志 4 ปีที่แล้ว

      @@yallahadji Действительно, работает, хотя на первый взгляд вроде как не должно. А дело в том, что progress.value каждый раз присваевается новое значение start.

  • @Nick-dq2jn
    @Nick-dq2jn 7 ปีที่แล้ว +4

    Все здорово, но часто бывает нужно в цифрах процент загрузки отображать.

    • @itgid
      @itgid  7 ปีที่แล้ว +8

      codepen.io/Asmodey/pen/GMdvox
      Так?

    • @koshachevsky9660
      @koshachevsky9660 7 ปีที่แล้ว

      да

    • @KirillKlimov_lds
      @KirillKlimov_lds 7 ปีที่แล้ว

      Как отобразить это значение в процентах поверх прогресс-бара и со значком %?

    • @KirillKlimov_lds
      @KirillKlimov_lds 7 ปีที่แล้ว

      СПАСИБО! :)

    • @KirillKlimov_lds
      @KirillKlimov_lds 7 ปีที่แล้ว

      Про значок процента не понял, где его нужно писать?

  • @romankopylov5013
    @romankopylov5013 7 ปีที่แล้ว +1

    День добрый! В очередной раз спасибо за материал изложенный человеческим языком!
    Есть идея, а точнее продолжение реализации ранее созданного Вами "ToDo листа". Если еще более точнее, то реализация функционала "отметить как выполненое" и "удаление" TASK-a.
    У меня получилось реализовать удаление таска, но удаленить элемент получается лишь после обновления страницы, тоесть после того как TASK-и станут частью DOM-a. Интересно было бы посмотреть как Вы это обыграете. Спасибо!
    P.S. Мой "ToDo лист"(альфа версия =) ) выгружен на Github. Могу поделиться ссылкой, может что подскажете?)

    • @itgid
      @itgid  7 ปีที่แล้ว

      Конечно! Скидывайте ссылку!

    • @romankopylov5013
      @romankopylov5013 7 ปีที่แล้ว

      github.com/RangerUA/ToDo-List

    • @itgid
      @itgid  7 ปีที่แล้ว

      Чуть позже гляну

  • @gorcharvadaryan7649
    @gorcharvadaryan7649 5 ปีที่แล้ว

    у меня прогресс бар не загружается

  • @ДмитрийАлексеевич-л2д
    @ДмитрийАлексеевич-л2д 6 ปีที่แล้ว +2

    С тегом progress у меня возникали сложности(((

  • @lukasich7882
    @lukasich7882 7 ปีที่แล้ว

    сними видос Javascript Image Zoom Area.

  • @СергейБорисов-в6ю
    @СергейБорисов-в6ю 6 ปีที่แล้ว +1

    👍🏻

    • @itgid
      @itgid  6 ปีที่แล้ว

      гуд!

  • @KuKu_RuKu88
    @KuKu_RuKu88 5 ปีที่แล้ว

    Класс

  • @КостянЕрмаков-е9ю
    @КостянЕрмаков-е9ю 6 ปีที่แล้ว

    как бы теперь все это хозяйство к прогрессу загрузки страницы прикрутить?

    • @Xemicanord
      @Xemicanord 6 ปีที่แล้ว +1

      Ищи в интернете Прелоадеры