标签：文件 插件 PreloadJS queue progress handleComplete handleProgress 加载

CDN地址：https://cdn.baomitu.com/PreloadJS

// 实例 LoadQueue 类，得到实例对象 queue。
let queue = new createjs.LoadQueue(true);

// 加载进度条，监听文件的加载在全部文件中的占比，并回调 handleProgress 函数。
queue.on('progress', handleProgress);

// 加载完成时，监听全部文件加载完成的那一刻，并回调 handleComplete 函数。
queue.on('complete', handleComplete);

// 需要监测的文件，文件可以是图片、js文件、json文件等都可以。
queue.loadManifest([

    // 这里使用的链接纯做测试，实际开发中添加项目中的全部文件链接即可。
    'images/bg.jpg',
    'bg.mp3',
]);

// 进度条回调函数
function handleProgress() {
    let num = `${Math.floor(queue.progress * 100)}%`; // queue.progress 是 'progress' 监听事件所返回的，它介于0到1之间，全部加载完成的时候结果为1，这里主要是处理这个数值按比例在1-100之间呈百分比显示。

}

// 加载完成回调函数
function handleComplete() {

}

标签：文件,插件,PreloadJS,queue,progress,handleComplete,handleProgress,加载
来源： https://www.cnblogs.com/loiou/p/16640424.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。