fastadmin5设置右下角弹窗提醒

本文介绍了一个Web应用如何通过定时器监控新用户数,并在有新增用户时发送实时提示。重点在于控制器中计数方法、AJAX请求的实现,以及在JS中设置的定时任务和音频提示功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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、在对应位置添加提示音音频文件

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值