继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

js微信红包实现方案

雷灵初心
关注TA
已关注
手记 23
粉丝 76
获赞 534

大家肯定都使用过微信的红包功能,对微信红包的规则有一定的了解,它的规则是用户可以输入金额和红包的个数,然后供其他人去抽取,每个人最少可以抽到0.01元、一般最多可以抽到200元,那这个微信红包的效果是怎么实现的呢?

下面我们来分析一下这个功能应该怎么实现:

1、需要两个参数,金额:money 数量:count

2、将money分为count,确保没份最少有0.01

let rebBack = (count,money) => {
            let num = (n,m) => (Math.random()*(n-m) + m).toFixed(2);
            //得到n,m之间的一个随机数
            //Math.random() 返回介于 0(包含) ~ 1(不包含) 之间的一个随机数
            //toFixed(num) 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。
            let rebBackArr = [];
            //rebBackArr 定义一个数组,用来存放随机获取到的金额
            let nowMoney = money;
            //nowMoney 当前剩余的金额,当随机获取一个红包后,需要用总金额减去红包金额,等于当前剩余金额
            for(let i=0;i<count;i++){
                //循环count次,表示分成的红包个数
                if(i==(count-1)){
                    //红包分完 返回数组
                    rebBackArr.push(nowMoney);
                    return rebBackArr
                }else{
                    let random = num(0,nowMoney/2);
                    //nowMoney/2 拿0和当前金额的一半去随机,避免获取随机数时,出现后面的红包没有钱可分的情况
                    rebBackArr.push(random)
                    nowMoney = (nowMoney - random).toFixed(2);
                    //nowMoney - random js处理小数时精度失真
                }    
            }
        }

通过以上代码,可以实现一个简单的红包功能

http://img2.sycdn.imooc.com/5f9e2e58000137e908560289.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP