在开发游戏陪玩平台系统时,如何实现新订单提示效果?

在游戏陪玩平台系统中,用户通过实名认证审核、资质技能审核后,可以申请成为平台大神,带其他玩家组队开黑并获得收益。在游戏陪玩平台系统的整个约单流程中,新订单提示是很重要的模块,尤其是对于需要接单的大神而言,今天我们就一起来了解一下新订单提示效果的实现代码:

游戏陪玩平台系统新订单提示效果

<script>
    function remind() {
        // 新订单提醒
        $.ajax({
            type    :'POST',
            url     :'__APP__/Index/checkNewOrder',
            data    : {},
            dataType:'json',
            success:function(data){
                console.log(data);
                if (data.data == 1){
                    // 右下角弹框
                    layer.open({
                        type:0,
                        title: '提示',
                        content: '您有新的订单,请及时查看',
                        anim: 2,
                        shade:0,
                        offset:"rb"
                    });
                }
            }
        });


        // 新订单提醒
        $.ajax({
            type    :'POST',
            url     :'__APP__/Index/checkNewGroupOrder',
            data    : {},
            dataType:'json',
            success:function(data){
                console.log(data);
                if (data.data == 1){
                    // 右下角弹框
                    layer.open({
                        type:0,
                        title: '提示',
                        content: '您有新的订单,请及时查看',
                        anim: 2,
                        shade:0,
                        offset:"rb"
                    });
                }
            }
        });

    }
    setInterval("remind()",10000);
</script>

当大神在游戏陪玩平台系统中,接收到新订单后,除了需要由弹框的出现之外,还应该有提示音,所以新增一个提示音功能。

游戏陪玩平台系统中新订单提示音

<script>
    function remind() {
        // 新订单提醒
        $.ajax({
            type: 'POST',
            url: '__APP__/Index/checkNewOrder',
            data: {},
            dataType: 'json',
            success: function (data) {
                console.log(data);
                if (data.data == 1) {
                    playSound();
                    // 右下角弹框
                    layer.open({
                        type: 0,
                        title: '提示',
                        content: '您有新的订单,请及时查看',
                        anim: 2,
                        shade: 0,
                        offset: "rb"
                    });
                }
            }
        });


        // 新订单提醒
        $.ajax({
            type: 'POST',
            url: '__APP__/Index/checkNewGroupOrder',
            data: {},
            dataType: 'json',
            success: function (data) {
                console.log(data);
                if (data.data == 1) {
                    playSound();
                    // 右下角弹框
                    layer.open({
                        type: 0,
                        title: '提示',
                        content: '您有新的订单,请及时查看',
                        anim: 2,
                        shade: 0,
                        offset: "rb"
                    });
                }
            }
        });

    }


    let playSound = function () {
        let browser = window.navigator.userAgent.toLowerCase();
        if (browser.indexOf("ie") >= 0) {
            //IE内核浏览器
            let strEmbed = '<embed name="embedPlay" src="/admin/image/voice.mp3" autostart="true" hidden="true" loop="false"></embed>';
            if ($("body").find("embed").length <= 0)
                $("body").append(strEmbed);
            let embed = document.embedPlay;
            embed.volume = 100;
        } else {
            //非IE内核浏览器
            let strAudio = "<audio id='audioPlay' src='/admin/image/voice.mp3' hidden='true'>";

            if ($("#audioPlay").length <= 0) {
                $("body").append(strAudio);
            }
            let audio = document.getElementById("audioPlay");
            //浏览器支持 audio
            audio.play();
        }
    }

    setInterval("remind()", 10000);
</script>

以上就是“在开发游戏陪玩平台系统时,如何实现新订单提示效果?”的全部内容,希望对大家有帮助,别看这个功能很小,但是对于游戏陪玩平台系统的开发而言,却很重要。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值