title: How to real-time move the range type input's slider using javascript without refreshing page?
body: <pre><code>&lt;input type="range" value="0" min="0" max="100"&gt;
  </code></pre>
  
  <p>I did try the following, but the slider no response.</p>
  
  <pre><code>var i = 0;
  setInterval(function(){
      document.querySelector('input[type=range]').value = i++;
  }, 1000);
  </code></pre>
  
  <p>or impossible?</p>