利用JS模拟排队系统

我爱撸码,撸码使我感到快乐!
大家好,我是Counter。
今天给大家分享的是js模拟排队系统,刚开始有排队序列,序列里有vip用户和普通用户,vip用户永远位于普通用户的前面,只有当当前vip用户都办理好手续,才会叫号普通用户,每5秒产生一个随机客户。
效果如图:
在这里插入图片描述
代码给出:

// 函数的闭包,立即执行
        var autoPerson = (function () {
            // 定义vip用户和普通用户
            var vipNum = 0;
            var norNum = 0;
            return function () {
                // 随机产生vip或者普通用户
                var randomNum = Math.random();
            if ( randomNum > 0.5) {
                vipNum++;
                return "V" + vipNum;
            }
            else {
                norNum++;
                return "N" + norNum;
            }
        }
    })();
        // 定义一个排队数组,长度为6
        var personArr = [];
        var perLen = 6;
        for( var i = 0; i < perLen; i++) {
            // 每循环一次掉用函数vipFirst函数一次,传入参数,随机产生vip或者普通用户
            vipFirst(autoPerson());
        }
        // 对数组进行整合,如果当前传入的客户是VIP的话
        function vipFirst(person) {
            if ( person[0] == "V") {
                // 那么遍历现存的数组
                for( var i = 0; i < personArr.length; i++) {
                    // 并且找出数组里普通用户所在的位置
                    if ( personArr[i][0] == "N") {
                        // splice数组方法,找到当前位置上的普通用户,0代表不删除,并在这个普通用户之前插入这位vip用户
                        personArr.splice(i, 0, person);
                        // 注意这边插入后,需返回,否则可能引起无限循环,重复插入,导致浏览器奔溃
                        return;
                    }
                }
            }
            // 如果当前的用户不是VIP用户的话,那么就按普通先到的用户排列
            personArr.push(person);
        }
        // 打印当前队列
        console.log("现存队列:" + personArr);
        // 设置一个计时器,每5秒执行一次
        var timer = setInterval(listMove, 5000);
        
        function listMove() {
            // 删除数组第一位,并将这个值返回给firstPer
            var firstPer = personArr.shift();
            // 打印出来当前叫号的客户
            console.log("叫号:" + firstPer);

            // 随机再来一个用户
            var newper = autoPerson();
            // 打印当前新来的客户编号
            console.log("新人:" + newper);
            // 将新来的客户如果是vip用户,就插入到普通用户前
            vipFirst(newper);
            // 再次打印当前的队列
            console.log("现存队形:" + personArr);
        }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你华还是你华

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值