如何动态加载一些js（或任何其他）文件指示加载数据的百分比？
我有一个 html 页面，必须在开始时加载许多繁重的 js 文件。加载所有这些内容通常需要花费很多时间。用户无法看到加载了多少数据还剩多少啊！ 所以我需要使用javascript添加一个简单的进度条（我的意思是用某种方式来指示已加载和剩余数据的数量，图形表示根本不重要，它可以像1到100之间的数字一样简单！）
我需要这样的伪代码：
var filesToLoad = ['jsFilepath/s1.js', 'jsFilepath/s2.js', 'jsFilepath/s3.js']; showProgressBarAndBeginLoadFiles(filesToLoad);
有什么想法吗？
I've a html page which must load many heavy js files at the begining. It usualy takes a lot to load all of them & user can`t see how much of these data is loaded & how much has remained!
So i need to add a simple progress bar using javascript(I mean some way to indicate amount of loaded & remaining data, the graphical presentation is not important at all, it can be as simple as a number between 1 to 100!)
I need something like this pseudo:
var filesToLoad = ['jsFilepath/s1.js', 'jsFilepath/s2.js', 'jsFilepath/s3.js'];
showProgressBarAndBeginLoadFiles(filesToLoad);
Any idea ?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以通过文件 s1.js、s2.js s3.js 对 JavaScript 函数（如 updateProgressBar(percentage)）进行十次调用。在 updateProgressBar 函数中，您可以使用 JavaScript 负载当前状态的一些指示符填充 div。这不是最干净的方法，但我认为它会起作用。不确定您是否能够在示例中向 s1.js、s2.js、s3.js 添加内容。
You could put ten calls to a JavaScript function like updateProgressBar(percentage) through the files s1.js, s2.js s3.js. In updateProgressBar function you could fill div with some indicator of the current status of the JavaScript load. Not the cleanest way to do it but I think it would work. Not sure if you are able to add stuff to s1.js, s2.js, s3.js in your example.