如何在preload.js写入显示加载进度
时间: 2023-04-06 22:03:19 浏览: 212
网站顶部显示预加载进度条插件preload.js
您可以使用preload.js中的onProgress事件来实现显示加载进度。您可以在onProgress事件中获取当前加载的文件数量和总文件数量,然后计算出加载进度百分比,并将其显示在页面上。以下是一个示例代码:
```javascript
var preload = new createjs.LoadQueue();
preload.on("progress", handleProgress);
function handleProgress(event) {
var progress = Math.round(event.loaded * 100);
document.getElementById("loading-progress").innerHTML = "Loading " + progress + "%";
}
```
在这个示例中,我们创建了一个LoadQueue对象,并在其上注册了一个onProgress事件处理函数。在事件处理函数中,我们使用event.loaded属性获取当前加载的文件数量,使用preload.getItems().length获取总文件数量,然后计算出加载进度百分比,并将其显示在页面上。请注意,我们使用了Math.round()函数来将进度百分比四舍五入到整数。
阅读全文