如何实现微信小程序的轮盘抽奖功能(如何实现微信小程序视频一对一授课)

为了吸引用户，商家会做一些活动，利用赠送或充值的积分来进行抽奖，现在来讲下微信小程序如果实现轮盘抽奖的功能，先看下图：
上面展示的就是轮盘抽奖，一共有六个奖项，其中一个是“不中奖”的，其余五个均能获得奖品，奖品的标题、奖品类型(实物或积分)、中奖概率，每次抽奖需要多少积分等都可以在后台设置，如下图所示：
每次抽奖时扣除积分，奖品类型有实物和积分，如果是积分，直接增加用户账号的积分，这个比较简单，如果是实物，则要生成一个关联商品的礼品订单。
中奖率：是指整个抽奖的分为1万份，所以最低的中奖率可以设置成0.01%(当然如果不想用户抽到某个奖项，可以设置成0%，这样用户就永远不可能抽到)，后台的接口使用的php语言，计算中奖率的代码如下图：
其中$i=rand(1,10000);即从1到10000随机一个数。
winning_odds是指某个奖项的中奖数值，例如中奖率是10%,则在winning_odds的值为1000.特别提一下，不中奖的概率是由100%-其他五个奖项的概率而自动生成的。所以后台修改某个奖项的概率的时候，需要更新不中奖的概率。
小程序js方面：
page({
//奖品配置
awardsconfig: {
btndisabled: ‘’,//是否允许点击抽奖
awards: [
{ 'index': 0, 'name': '300积分' },
{ 'index': 1, 'name': '某商品' },
{ 'index': 2, 'name': '1000积分' },
{ 'index': 3, 'name': '100积分' },
{ 'index': 4, 'name': '不中奖' },
{ 'index': 5, 'name': '某实物' }
]
},
onready: function (e) {
this.drawawardroundel();
},
//画抽奖圆盘
drawawardroundel: function () {
var awards = this.awardsconfig.awards;
var awardslist = [];
var turnnum = 1 / awards.length; // 文字旋转 turn 值
// 奖项列表
for (var i = 0; i < awards.length; i++) {
awardslist.push({ turn: i * turnnum + 'turn', lineturn: i * turnnum + turnnum / 2 + 'turn', award: awards[i].name });
}
this.setdata({
btndisabled: this.awardsconfig.chance ? '' : 'disabled',
awardslist: awardslist
});
},
//发起抽奖
playreward: function () {
//中奖index
var awardindex = 2;
var runnum = 8;//旋转8周
var duration = 4000;//时长
// 旋转角度
this.rundeg = this.rundeg || 0;
this.rundeg = this.rundeg + (360 - this.rundeg % 360) + (360 * runnum - awardindex * (360 / 6))
//创建动画
var animationrun = wx.createanimation({
duration: duration,
timingfunction: 'ease'
})
animationrun.rotate(this.rundeg).step();
this.setdata({
animationdata: animationrun.export(),
btndisabled: 'disabled'
});
// 中奖提示
var awardsconfig = this.awardsconfig;
settimeout(function () {
wx.showmodal({
title: '恭喜',
content: '获得' + (awardsconfig.awards[awardindex].name),
showcancel: false
});
this.setdata({
btndisabled: ''
});
}.bind(this), duration);
}
})
小程序的wxml代码如下图：
我们这里就不详细讲如何调用api接口，如何判断是获取了哪个奖项了，大家可以根据初始的js代码来套程序，因为改变了awardindex值，对应的奖项也会出来，通过后台接口的返回值，可以判断是积分还是实物，然后进行下一步操作.为了防止用户连续点击“抽奖”的按钮，需要用 btndisabled来判断用户是否可以继续抽奖，当轮盘尚未转完时，是不允许重复点击的。
以上就是对微信小程序轮盘抽奖后台功能，抽奖概率，小程序js代码进行讲解，这是只提供一种思路，大家可以根据实际的情况对程序功能进行调整。



关键词一直不上首页是什么原因？
有免费版的香港空间？好用吗？
如何选择专业的网站设计公司
【网站运营】成功的秘诀创业者的5个营销能力，你具备哪些？
组织应该在网络安全方面投入多少钱？
Directadmin如何安装eAccelerator
如何让新站得到一个好的排名
SEO网站优化：做到这四点让您网站关键词排名明显提高