为了账号安全,请及时绑定邮箱和手机立即绑定

js微信红包实现方案

标签:
JavaScript

大家肯定都使用过微信的红包功能,对微信红包的规则有一定的了解,它的规则是用户可以输入金额和红包的个数,然后供其他人去抽取,每个人最少可以抽到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处理小数时精度失真
                }    
            }
        }

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

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



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消