效果图:
- 设置基础标签(span是用来制作圈的,div写多少个都可以)
2.设置样式
3.开始写JS代码,首先获取全部div和span标签
4.然后用math()方法写一个随机时间
5.给按钮添加点击事件
6.在点击事件里面写一个间隔定时器并且给定时器一个值,方便后面停止
7.在间隔定时器里边用math方法设置一个变量(生成随机数0-div的个数)
8.写判断(如果m小于div的个数那么span标签的左边和上边距离等于div第m个的左边和上边,其他情况则是div第m-1个的左边和上边)
9.最后再设置一个一次性定时器来停止间隔定时器
小结:本次案例主要使用到math()方法和定时器
这是我所学到的math()方法使用 , 以上就是我的分享。