原生

PHP与JQ实现数据的实时显示

作者:本站 2017-07-05 浏览:1406 标签: JQ    php    实时    

   PHP与JQ实现数据的实时显示,需要用到JSONP<div class="count">当前在线:<span id="number"&g

   PHP与JQ实现数据的实时显示,需要用到JSONP


<div class="count">当前在线:<span id="number"></span></div>

function magic_number(value) { 
  var num = $("#number"); 
  num.animate({count: value}, { 
    duration: 500, 
    step: function() { 
      num.text(String(parseInt(this.count))); 
    } 
  }); 
};


function update() { 
  $.getJSON("number.php?jsonp=?", function(data) { 
    magic_number(data.n); 
  }); 
}; 
  
setInterval(update, 5000); //5秒钟执行一次 
update();



//php部分
$total_data = array( 
  'n' => rand(0,999) 
);   
echo $_GET['jsonp'].'('. json_encode($total_data) . ')';


  • 0

  • 0

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.如有文章有版权争议,请给我们留言或者邮件告知我们,邮箱地址:028mw@126.com。