2

function userProgress(time) {
  var start = 0;
  let progress = document.querySelector('#progress');
  time = Math.round(time * 10);
  var intervalId = setInterval(function() {
    if (start > 100) {
      clearInterval(intervalId)
    } else {
      progress.value = start;
    }
    start++;
  }, time);
}

//Вот тут условие при котором срабатывает прогресс бар (setInterval)
window.onmousewheel = e => {
  if (e.offsetY > 450) { //eсли больше то выполняется скрипт
    userProgress(.8)
  }
}
body {
  height: 2000px;
}

#progress {
  margin-top: 500px;
  display: inline-block;
}
<progress value="0" max="100" id="progress"></progress>

4
  • Проблема в постоянном срабатывание кода, а надо чтобы код выполнился единожды при скролле и больше не срабатывал до перезагрузки страницы
    – Mario
    7 ноя 2017 в 13:54
  • Ну самое банальное - булев флаг. 7 ноя 2017 в 13:57
  • Ну так вызовите clearInterval(intervalId) 7 ноя 2017 в 13:57
  • Пробовал не получается, все равно срабатывает
    – Mario
    7 ноя 2017 в 14:01

1 ответ 1

5
window.onmousewheel = e => {
    if(e.offsetY > 450){ //eсли больше то выполняется скрипт
        userProgress(.8);
        window.onmousewheel = null;
    }
}
1
  • помогло спс)) и как я не додумался
    – Mario
    7 ноя 2017 в 14:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.