這篇文章給大家介紹使用Javascript怎么編寫一個轉(zhuǎn)盤抽獎功能,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
網(wǎng)站的建設(shè)創(chuàng)新互聯(lián)建站專注網(wǎng)站定制,經(jīng)驗豐富,不做模板,主營網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設(shè)計體驗!已為門窗定制等企業(yè)提供專業(yè)服務(wù)。
首先來看看接口說明:
var _rotate = new iRotate('#div',{ start : 0, //開始角度,可不寫,默認0 end :45, //結(jié)束角度 time :5000, //持續(xù)時間,可不寫,默認1000 easing : 'easeOut', //動畫形式,目前只有'linear'和'easeOut'兩種,可不寫,默認'easeOut' callback : function(){ //回調(diào)函數(shù) //this為當前對象 } }); _rotate.stop(function(){ //停止回調(diào)函數(shù) //this為當前對象 });
實現(xiàn)的效果圖如下:
完整的示例代碼如下:
簡單轉(zhuǎn)盤效果 舉例子:
默認轉(zhuǎn)動:
關(guān)于使用Javascript怎么編寫一個轉(zhuǎn)盤抽獎功能就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。