当前位置: 首頁 > javascript > 网页加载进度条loading-progress

网页加载进度条loading-progress


网页加载进度条loading-progress    

自从买了VPN后,就经常跑去youtube看视频。

一直对youtube上的镭射线式的加载进度很有兴趣。

由于网页是没有提供页面加载进度反馈的(移动端好像有?)

去了解了一些别人写的方式,发现只能用通过给DOM元素设定 data值,然后利用定时器检查。

如果加载到这个DOM的话 进度条就变更。

网上看的大多数都是只计算DOM的进度加载,我写这个插件的时候把图片的加载计算也写进去了,并且加上了开关。(DOM占一部分,img平分剩下的部分)

由于页面加载一般都在JS前面,所以我没有用JQUEEY之类的类库,用原生JS+prototype写成插件,也是第一次写原生的插件(自我满足感提升)。

DEMO地址 Demo    


   

评论 ( 0 )

网友留言