2016年11月23日 星期三

【Jquery】抽獎轉盤、輪盤

這次要做轉盤抽獎,像是這樣:
於是我在網路上找範例,找到了這個網站:
http://www.js-css.cn/a/jscode/award/2015/0211/1452.html
備份檔案:檔案下載

範例是純js製作,因為要發送折價券給會員及安全性考量,
所以需要改成 ajax 與 php 配合,
原理很簡單就是每格給予一個號碼,再用號碼算出要轉的角度,
再利用awardRotate.js指定要停在哪一格,

例如:
指定好每格號碼後,算出每格角度,
用php的 rand(0,6) 隨機找出一個數字,
每格角度:360 / 7
再用這個數字算出角度,
如今天抽到數字 2 公式:
(360 / 7 ) * 2 + (+-20)


因為不想每次都停在正中間,
所以我再給他加一個正負值 360 / 7 大約等於 51 一半是25,
所以我抓+-20
簡易程式說明JS:
PHP: