使用JavaScript实现一个抽奖效果
1、编写抽奖效果所需的HTML结构代码及CSS代码,具体代码如下所示:
2、预览效果如下图所示:
3、编写JavaScript代码,准备好所需要数组(存放奖品)、随机数等函数,具体代码如下所示:
4、编写用于响应“开始”和“停止”的响应函数,具体代码如下所示:
5、打开浏览器,然后点击“开始”按钮,此时奖品会随机进行滚动,如下图所示:
6、点击“停止”按钮后将会是示随机选中的商品,如下图所示:
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:40
阅读量:51
阅读量:38
阅读量:61
阅读量:68