jquery - 红色警报通知 div 顶部，如 facebook stackexchange

Question

当我在 facebook 中收到评论或我的问题 StackExchange 的答案时，我在左上角看到红色圆圈，有任何效果。我每 X 分钟加载/刷新我的 div。现在我需要在这个红色圆圈中打印我的结果(1,2,3 ...)。如何操作这个？我的结果是 DIV id="new"。

我的代码:

<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
$('#new').load('new.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds
</script>

<div id="new"></div>

演示屏幕:

谢谢

Answer 1

您可以使用 SetTimeOut() JavaScript 函数

(function(){
        $.ajax({
            'url': 'news.php', 
            'success':  function (data,textStatus)
                        {
                            var res = $.parseJSON(data);
                            if(res.ok)
                            {
                                $('#news').html(res.newsCount);
                            }
                        }
        });
        setTimeout(arguments.callee, 1000);
    })();​

我不知道你的 new.php 是做什么的，但我认为 ajax 函数是获取新通知计数的更好方法

例如: http://jsfiddle.net/PCSL5/3/

对于 PHP:

$result = array();
$result['ok'] = false;
/*
* make here your DB Query
*/

if($queryResultAsCount > 0 )
{
    $result['newsCount'] = $queryResultAsCount;
    $result['ok'] = true;
}

$json = json_encode($result);

die($json);

在你的ajax请求中，你会得到一个JSON对象，它有2个属性res.ok和res.newsCount(作为你死的php表)