fastadmin5设置右下角弹窗提醒

1、控制器中计算当前用户数量。

2、js文件中,

接收初始用户数量:

设置定时器,每10秒请求一次:

/**
 * 定时请求器
 */
window.setInterval(function() {
    $.ajax({
        url: user/user/getNew,
        type: post,
        data: {count_user: total_loan},
        dataType: json,
        success: function (data) {
            if (data.code == 1) {
                if (data.data[countUsers] > total_loan) {
                    total_loan = data.data[countUsers];
                    // Layer.closeAll();
                    // 播放提示音
                    const audio = new Audio("/assets/sound/notice.mp3");
                    audio.play();
                    layer.msg(提示:有新用户注册, {
                        // title: 新用户提醒,
                        // shade: [0],
                        area: [250px, 80px],
                        closeBtn: 1, //不显示关闭按钮
                        anim: 6, // 弹出动画:0=平滑放大,1=从上掉落,2=从最底部往上滑入,3=从左滑入,4=从左翻滚,5=渐显,6=抖动
                        icon: 6,
                        time: 604800, //3秒关闭(如果不配置,默认是3秒)
                        skin: layui-layer-msg, //样式类名
                        offset: rb, //右下角弹出
                    }, function(){
                        // 结束后要做的事情
                    });
                }
            }
        }
    });
}, 10000);

3、在对应位置添加提示音音频文件

经验分享 程序员 微信小程序 职场和发展