当前位置:首页 > 生活百科

微信抽奖小程序怎么弄,微信群内抽奖方式介绍

栏目:生活百科日期:2024-11-30浏览:0

为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图:

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

每次抽奖时扣除积分,奖品类型有实物和积分,如果是积分,直接增加用户账号的积分,这个比较简单,如果是实物,则要生成一个关联商品的礼品订单。中奖率:是指整个抽奖的分为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代码进行讲解,这是只提供一种思路,大家可以根据实际的情况对程序功能进行调整。

“微信抽奖小程序怎么弄,微信群内抽奖方式介绍” 的相关文章

优盘修复软件哪个好用(u盘读不出来修复方法)

U盘相信是现在许多人都会使用到的一个便携小工具了,而很多人不知道的是,其实对于U盘这么一个数码小玩意儿,其中还是有很多门道的。首先就是U盘品牌,很多人都觉得品牌...

优酷广告开户怎么做(优酷广告投放的优势和特点)

优酷视频广告是一款通过智能的实时竞价技术,优酷视频以每日总播放量150亿,总频道500家,总节目800个,总分成2400万的数据表明,强大的曝光力度一时间锁定目...

如何修复office程序(控制面板修复office的窍门)

目前大家用的最多的办公软件中,WPS和office用的应该是最多的。任何软件在使用的过程中,都会出现这样或者那样的问题,一般出现问题最先想到的就是卸了重装,但是...

怎么创微信公众号,注册个人公众号的流程

今天就来说一下如何注册属于自己的公众号这里需要提醒两点,第一个是注册公众号是免费的,不用花一分钱,需要交钱的都是骗人的。第二个是操作需要电脑,手机可以注册,但是...

创建网站大约多少钱,新手建站费用明细表

这问题在工程师或设计师的眼里就如「一辆车子多少钱?一个房子多少钱?」,这个问题实在空泛到一个让人无法言语的境界,这也是我最常被问到的问题「做一个网站多少钱?」。...

csgo准星怎么调好用(最适合csgo准星的设置方法)

s1mple游戏分辨率:1280×960(强制拉伸)准星设置:cl_crosshairalpha&“255&”;cl_crosshair...

工薪阶层如何理财收益最高,四个适合工薪阶层的理财方法

人间真的很难老李是朋友圈出了名的“拼命三郎”。朋友都劝他找机会好好休息,但他却表示,自己不敢停下来,直到有次发烧严重去了医院,医生诊断为肺炎,而且怀疑他肺部有肿...

公司代办需要多少钱(附:代办流程和详细费用)

小微律政公司注册的流程包括:收集材料→核准名称→网上申报→工商交件→领取执照。598元起,无论您有无地址均可注册。第一步、收集材料(1-3个工作日)您需要提交实...

怎样用快递单号查物流信息(教你如何详细查询快递)

什么是快递的派件延误呢?一般是指从派件到签收的时间差超过1一天的。下面就以宅急送单号为例,一起来试试。材料准备:一台WIN系统的电脑安装一个快递批量查询高手(注...

创业大赛策划书(创业大赛计划书模版)

封面。封面是创业计划书的门面,需要从审美和艺术的感官来进行设计,但同时兼顾内容的表述。一份优质的创业计划书会引导阅读者产生亲切感,进而增加阅读者的兴趣。其文字部...