Js 转动抽奖实现
一、樣本
地址：http://js.zhuamimi.cn/choujiang/index.htm
源碼：https://pan.baidu.com/s/15KhesfcLf1WMOom6PhzCjA
?
二、實現方法
1：構建環形鏈表
?
構建環形鏈表主要是為了無限循環子節點
?
環形鏈表數據結構與算法里面有介紹這里就不做講解了。
?
?
?
2：控制中獎概率
?
?
?
怎么控制中獎概率，我在前面寫個控制隨機數生成概率的的函數：https://www.cnblogs.com/whnba/p/10214312.html
?
?
?
3：控制轉動速度
?
這里是通過設置一個 起始速度、結束速度、步漲值，來實現控制的程序結束。
?
?
?
4：實例
?
<!DOCTYPE html><head><meta charset="utf8"><title>轉動抽獎</title><link rel="stylesheet" type="text/css" href="style.css"><script src="ChouJiang.js"></script> </head><body><div class="main"><ul id="choujiang"><li class="s s1">1元紅包</li><li class="s s2">2元紅包</li><li class="s s3">3元紅包</li><li class="s s4">4元紅包</li><li class="s s5">666元紅包</li><li class="s s6">謝謝光臨</li><li class="s s7">50元紅包</li><li class="s s8">8元紅包</li><li class="s s9">10元紅包</li><li class="s s10">20元紅包</li><li class="s s11">謝謝光臨</li><li class="s s12">200元紅包</li><li class="s s13">50元紅包</li><li class="s s14">9999元紅包</li><li class="s s15">謝謝光臨</li><li class="s s16">88888元紅包</li></ul><button id="start" οnclick="start()">開始抽獎</button></div><script>'use strict';function start() {let target = new ChouJiang('choujiang', new Map([[13, 0.0001], // 設置中獎概率： [節點索引,中獎率] [14, 0.25],[15, 0.0001],[10, 0.25],[5, 0.25],]));//target.winning = 4; // 設置中獎節點：用于弊器target.start(); // 開始}</script> </body></html>?
轉載于:https://www.cnblogs.com/whnba/p/10243527.html
總結
- 上一篇： Linux目录规范和含义(转)
- 下一篇： 计算机教授技术追踪劫匪，打脸 911警察