网页添加提示音,用setInterval

如果一条数据通过审核了,修改数据库中一个值,用户怎么异步动态知道自己的记录通过审核了呢,我是通过音乐和提示的方式。

网页中添加如下代码:

<style>
        #notify {
            position: absolute;
            top: 40px;
            left: 50%;
            color: #ffff00;
            font-size: 14px;
        }
    </style>

    <div id="notify"></div>

js:

<script>
        $(function() {
             setInterval(function () {
            
                $.post("/Notify/Index", "rnd:Math.random()", function (data) {
                    var val = data.split('|');
                    if (val[0] == "ok") {
                        $('<audio autoplay><source src="/Content/mp3/notify.mp3" type="audio/mp3" /><embed src="/Content/mp3/notify.mp3" type="audio/mp3" /></audio>').appendTo("body");
                        $("#notify").text(val[1]);
                    }
                });
            }, 20000);
           

        });
    </script>

从后台获取数据,返回格式:"ok|数据发生变化啦"

原文地址:https://www.cnblogs.com/lunawzh/p/4502497.html