JavaScript实现随机抽奖功能

 通过数组存储抽奖号码,点击按钮实现名字/号码的滚动,点击停止即可实现抽奖功能

设置一个定时器,使用random方法随机获取号码,当点击按钮时去掉计时器实现暂停功能。

思路解析:

(1)抽奖功能的名字滚动可以使用定时器都是获取名单中的数据;

(2)为了保证随机性,可使用random()方法随机获取名单中的数据,以此达到随机滚动的效果;

(3)点击抽奖的功能可以通过关闭定时器实现,让屏幕只显示以此random后的数据,实现获取抽奖结果。



	
		
		
		Document
		
	
	
		

大   奖   得   主

大 家

 效果图:

开始界面:

JavaScript实现随机抽奖功能_第1张图片

 滚动界面效果:

 JavaScript实现随机抽奖功能_第2张图片

你可能感兴趣的:(web前端应用实例,javascript,html,css)