Блог

Главная - Вопросы по программированию - Диапазон скорости бара

Диапазон скорости бара

#javascript

Вопрос:

У меня есть диапазон от 0 до 100, который контролирует скорость чтения файла.

Изображение здесь

Дело в том, что значение 0 означает самую быструю скорость, а 100 означает самую медленную. Как это изменить?

Я хочу, чтобы 0 было самой медленной скоростью / 100 самой быстрой скоростью

 (function(){  const pauseButton = document.getElementById("pauseReadingButton");  const resumeButton = document.getElementById("resumeReadingButton");  const uploadButton = document.getElementById("uploadFileButton");    let displayFileContents = null;  let interval = null;    const setButtonState = function(isPlaying){  if (displayFileContents) {  pauseButton.disabled = !isPlaying;  resumeButton.disabled = isPlaying;  } else {  pauseButton.disabled = true;  resumeButton.disabled = true;  }  };   const pauseReading = () =gt; {  clearInterval(interval);  setButtonState(false);  }    pauseButton.addEventListener("click", pauseReading)   const resumeReading = () =gt; {  if (displayFileContents){  interval = setInterval(displayFileContents, document.getElementById("range").value);  setButtonState(true);  }  };   resumeButton.addEventListener("click", resumeReading);   const readFile = (file, callback) =gt; {  const reader = new FileReader();  reader.onload = callback;  reader.readAsText(file);  };    uploadButton.addEventListener("click", () =gt; {  const files = document.getElementById("fileToUpload").files;  if (!files.length) { return; }    readFile(files[0], function(e){  const content = e.target.result;  const fileContentArray = content.split(/rn|n/);  let index = 0;    displayFileContents = () =gt; {  document.getElementById("demo").innerHTML = fileContentArray[index];    index;    if (index gt;= fileContentArray.length){  displayFileContents = null;  pauseReading();  setButtonState(false);  }  };    resumeReading();  setButtonState(true);  });  });    setButtonState(false);  })(); 
 lt;bodygt;  lt;input class="buttonupload" type="file" name="fileToUpload" id="fileToUpload"gt;  lt;button id="uploadFileButton"gt;Playlt;/buttongt;    lt;text style="color:blue" id="demo"gt; lt;/textgt; lt;brgt;lt;brgt;    lt;button style="margin-top:20px;" id="pauseReadingButton"gt;Pauselt;/buttongt; amp;nbsp amp;nbsp  lt;button id="resumeReadingButton"gt;Resumelt;/buttongt;      lt;input type="range" min="0" max="100" value="0" id="range" onchange="name=this.value"; oninput="rangeValue.innerText = this.value"gt;  lt;p id="rangeValue"gt;0lt;/pgt;      lt;/bodygt;

#Создание космического пространства космическое пространство космическое пространство космическое пространство космическое пространство

Комментарии:

1. Вы можете просто сделать 100 (максимальное значение) — значение, поэтому, например, когда значение равно 30, вы делаете 100 - 30 = 70

2. Не могли бы вы уточнить, пожалуйста?

3. Перевернутое значение-это 100 (входное значение maxium) - значение, заданное пользователем. Так, например, когда заданное значение равно 45 инвертированному значению 100 - 45 (55)

4. Я знаю, что это дано, пожалуйста, не издевайтесь надо мной, я не могу редактировать комментарий, лол

5. Okk Можете ли вы привести пример с кодом plz?

Ответ №1:

К тому, что указано в разделе комментариев к ответу, добавлен фрагмент кода:

Вы можете использовать тот же метод в своем Javascript, если вы также хотите перевернуть логику за кулисами

 lt;input type="range" min="0" max="100" value="0" id="range" onchange="name=this.value"; oninput="rangeValue.innerText = 100 - this.value"gt; lt;p id="rangeValue"gt;100lt;/pgt;
Метки: