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 you have read our privacy policy.

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