如何使用setInterval方法实现一个变速大转盘(setinterval,移动开发)

时间:2024-05-06 16:57:36 作者 : 石家庄SEO 分类 : 移动开发
  • TAG :

    %E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8setInterval%E6%96%B9%E6%B3%95%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%8F%98%E9%80%9F%E5%A4%A7%E8%BD%AC%E7%9B%98

使用小程序来实现一个大转盘吧!大转盘都不陌生,开始抽奖,然后停止的位置就是获得的奖品。

实现方法:setInterval

先来实现一下匀速大转盘吧

先看data:games是转盘上要显示的内容,转盘的格式可以根据自己的需求自己来写,我这个就是最基本的。active用来记录旋转到了什么位置,start用来记录开始的位置

再来看全局定义的round和timer。round用来设置一个轨迹,相当于铺路啦,里面是要走的下标,刚好是外围一圈。timer是定时器

最后看begin方法吧

比较简单,然后实现变速,其实速度的改变就是旋转一圈时间的改变

我这里的设计是:每旋转两圈实现一次变速,每次变速的时间在上一次时间上+100s,在第五圈停止

示例代码是根据旋转的圈数来进行变速,也可以根据旋转一定的时间来实现变速,这样就需要使用setTimeout来实现。

本文:如何使用setInterval方法实现一个变速大转盘的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:html使用li有什么用下一篇:

4 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18