因為做web系統,前端傳過來的任何數據,都是不可信的。
妳可以看壹些做的比較假的效果中,轉盤轉著轉著就跳了,跳到壹個沒中獎的結果上,這就是前端效果做的不自然,從服務器獲取結果後,沒有平滑過渡到結果項。
如果妳要實現的頁面,只考慮手機端支持的話,js結合css3的animation實現起來很容易,過渡也自然。具體流程就是
客戶點擊開始抽獎 -> 轉盤啟動,設置壹個最小時間-> ajax異步獲取本次抽獎結果 (由服務器端根據設好的概率和規則生成並記錄)->間隔時間或客戶手動按停 -> 設置轉盤結果到某壹項,轉盤漸停,停到指定抽獎項上面,並彈出是否中獎提示