赤いアラートdivの一番上にfacebook stackexchangeのように通知

Question

Facebookのコメントを受け取ったとき、または私の質問の答えをStackExchangeに送ると、左上に赤い円が表示されます。私は毎分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機能は、新しい通知がexempleに

を数える得るためのより良い方法だと思います：

$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); 

：PHP用 http://jsfiddle.net/PCSL5/3/

あなたのAJAXリクエストで

、あなたは2つの属性が& res.newsCount（PHPのテーブルとして死ぬ）