仿拼多多拼单成功的弹幕队列消息提醒

原文链接 https://www.jianshu.com/p/4233ddce1063
左上角的弹窗提示效果

上边文章做到了一部分效果，但是数据轮播一边之后就停了，在次基础上做了一点改进，可以根据数组的长度 决定 每次请求的时长，中间没有空档期

css代码

   <style>
        .boxsizing {
            position: fixed;
            top: 60px;
            left: 20px;
            z-index: 2;
            /* max-width: 184px; */
            height: 30px;
            overflow: hidden;
        }

        .xuanfubox {
            float: left;
            /* max-width: 200px; */
            height: 30px;
            background-color: rgba(0, 0, 0, .5);
            color: #fff;
            border-radius: 3px;
            overflow: hidden;
            padding-right: 5px;
            font-size: 12px;
        }

        .xuanfubox img {
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 3px;