一直很中意win8等待提示圆圈进度条，下面本文就使用原生javascript模仿win8等待进度条,需要的朋友可以参考下
一、序言
一直很中意win8等待提示圆圈进度条。win8刚出来那会，感觉好神奇!苦于当时没思路，没去研究。通过最近网上找找资料，终于给搞出来了！先上Demo,献丑了！预览请看：win8进度条。
二、简单介绍
原生javascript编写，需要理解js基于面向对象编程和圆形坐标计算！
实现原理：把每个圆点抽象成一个对象（ProgressBarWin8类型），将每个圆点对象存在数组中（progressArray），延迟执行每个圆点对象的run方法，至于圆点运行速度越来越快，是通过改变定时器延迟毫秒数实现的。
// 判断元素x与圆心x坐标大小，设置定时器延迟时间
if (this.position.leftthis.delay += .5;
} else {
this.delay -= .5;
}
还是上源码吧！表达能力实在不怎么好（代码中注释更详细，会看得更明白）。
仿win8等待进度条
一直很中意win8等待提示圆圈进度条。win8刚出来那会，感觉好神奇!苦于当时没思路，没去研究。通过最近网上找找资料，终于给搞出来了！先上Demo,献丑了！预览请看：win8进度条。
二、简单介绍
原生javascript编写，需要理解js基于面向对象编程和圆形坐标计算！
实现原理：把每个圆点抽象成一个对象（ProgressBarWin8类型），将每个圆点对象存在数组中（progressArray），延迟执行每个圆点对象的run方法，至于圆点运行速度越来越快，是通过改变定时器延迟毫秒数实现的。
复制代码 代码如下:
// 判断元素x与圆心x坐标大小，设置定时器延迟时间
if (this.position.left
} else {
this.delay -= .5;
}
还是上源码吧！表达能力实在不怎么好（代码中注释更详细，会看得更明白）。
复制代码 代码如下:
以上就是原生javascript模仿win8等待提示圆圈进度条的详细内容，更多请关注0133技术站其它相关文章！
