网赚项目 正规,微信抽奖小程序怎么弄,微信群内抽奖方式先容

为了吸引用户,商家会做一些流动,行使赠予或充值的积分来举行抽奖,现在来讲下微信小程序若是实现轮盘抽奖的功效,先看下图:

若何实现微信小程序的轮盘抽奖功效

上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是“不中奖”的,其余五个均能获得奖品,奖品的题目、奖品类型(实物或积分)、中奖概率,每次抽奖需要若干积分等都可以在后台设置,如下图所示:

智能名片小程序开发,名片小程序的功能与使用方法

若何实现微信小程序的轮盘抽奖功效

每次抽奖时扣除积分,奖品类型有实物和积分,若是是积分,直接增添用户账号的积分,这个比较简单,若是是实物,则要天生一个关联商品的礼物订单。中奖率:是指整个抽奖的分为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代码举行解说,这是只提供一种思绪,人人可以凭据现实的情形对程序功效举行调整。

本文来源于自互联网,不代表n5网立场,侵删。发布者:虚拟资源中心,转载请注明出处:https://www.n5w.com/115733.html

(0)
打赏 微信扫一扫 微信扫一扫
虚拟资源中心虚拟资源中心网络小白
上一篇 2020年6月21日 20:05
下一篇 2020年6月21日 20:05

相关推荐

联系我们

电话:

在线咨询:点击这里给我发消息

邮件:@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

公众号