css 微信红包,js微信红包实现方案

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

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

1、需要两个参数，金额：money 数量：count

2、将money分为count，确保没份最少有0.01let 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次，表示分成的红包个数

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处理小数时精度失真

}

}

}

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