Question

我们正在建立实时统计计数器，每隔10秒刷新一次数字。（类似于stackoverflow问题计数器）。我们有简单的html页面，我们试图嵌入php并尝试使用jquery，但没有成功。有帮助吗？感谢

<html>
    <script> 
        var auto_refresh = setInterval(
            function() {
                $('#stats').fadeOut('fast').fadeIn("fast");
            },
            10000
        );
    </script>
    <div id="stats">
        <?php
            global $conn;
            $query="SELECT count(*) as total FROM posts WHERE type='update'";
            $query2="SELECT count(*) as total FROM members WHERE USERID>0";
            $postnum = mysql_query($query);
            $posts = mysql_result($postnum,0);  
            $chanid = mysql_query($query2);
            $channels = mysql_result($chanid,0);    
            print "<div id='statnr'><h6> $channels </h6><h1>channels </h1> </div>"; 
            print "<div id='statnr'><h6> $posts </h6><h1>posts </h1> </div>";
        ?>
    </div>
</html>

Answer 1

你只是褪色统计数据再次输入。你必须对获取新数据的php文件进行ajax调用。

var auto_refresh = setInterval(
    function() {
        $.ajax(
            url:"counter.php",
            success:function(data){
                $('#stats').fadeOut('fast', function(){ 
                    $(this).html(data).fadeIn('fast'); 
                });
            }
        )
    },
    10000
);

统计计数器自动刷新div和mysql查询

1 个答案: