fastadmin5设置右下角弹窗提醒

原创已于 2022-11-04 14:25:47 修改 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #php

于 2022-05-10 06:00:00 首次发布

fastadmin5 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个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、在对应位置添加提示音音频文件