javascript - 在文本框中给定的新输入未在进度条中更新

Question

<script>
    function move() {
        var dolar= document.getElementById("no1").value;   
        var elem = document.getElementById("myBar");   
        // var width = parseInt(dolar);
        var width = 500;
        var id = setInterval(frame, 5000);
        function frame() {
           width=parseInt(width)+parseInt(dolar);   
           if(width>=5000) {
               clearInterval(id);
           }
        elem.style.width = width + 'px'; 
        elem.innerHTML = width * 1  + 'px';
      }
   }
</script>

//第一个输入会在进度条上递增，但更新后的值不会在进度条上更新//

Answer 1

使用这个 fiddle

我认为它可以解决您的问题...

function move() {
  var dolar= document.getElementById("no1").value;   
  var elem = document.getElementById("myBar");   
  var width = 500;
  var id = setInterval(frame, 5000);
  function frame() {
    width=parseInt(width)+parseInt(dolar);   
    if(width>=5000) {
      clearInterval(id);
    }
    elem.style.width = width + 'px'; 
    elem.innerHTML = width * 1  + 'px';
  }
}
move();