红色警报通知顶部的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/

for 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＆amp; res.newsCount（作为你死的php表）