重新启动进度条以下载新文件

时间:2019-04-26 23:44:35

标签: javascript php

我有一个上传文件的表格。以这种形式,我有一个按钮。当用户单击按钮时,我的代码将转换文件,同时显示进度条,当点击率达到100%时,将在屏幕上显示成功消息。第一次上传文件时,效果很好。但是,当我尝试转换另一个文件时,我的代码没有显示进度栏,也没有消息。有没有一种方法可以重置进度条和消息,以便在用户每次转换我的文件时获取进度条和消息?

我在JS中有一个名为move()的函数。我在转换文件按钮中调用此函数。

我尝试使用setTimeout来执行此操作,但是我无法修复它。拜托,谢谢您的帮助。

    function move() {
          var elem = document.getElementById("myBar"); 
          width = 1;
          var id = setInterval(frame, 5); //makes slow 
          var timeout=3000;
          function frame() {
            if (width >= 100) {
              clearInterval(id); //stop the bar


            } else {
              width++; 
              elem.style.width = width + '%'; 
              elem.innerHTML = width * 1 + '%';
              if(width>=100){
              document.getElementById("status-message").innerHTML = "Sucessfully download the file.";  
               setTimeout(function(){
                  document.getElementById("status-message").innerHTML = 'none';
                  document.getElementById("myProgress").innerHTML = 'none';
                }, timeout);  

              } 

            }  

          }

        }

0 个答案:

没有答案