我有一个上传文件的表格。以这种形式,我有一个按钮。当用户单击按钮时,我的代码将转换文件,同时显示进度条,当点击率达到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);
}
}
}
}