码迷,mamicode.com
首页 > Web开发 > 详细

网页添加提示音,用setInterval

时间:2015-05-14 09:57:16      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

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

网页中添加如下代码:

<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|数据发生变化啦"

网页添加提示音,用setInterval

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!