自动刷新新闻自动收报机的 div

Question

当提要中的值更改时，是否可以刷新此div的内容.php

这是我的新闻自动收报机代码：

<script type="text/javascript">
function bangingTicker(container,element) { 
    var tickContainer = $(container);  
        function tick(){ 
            var tickElem = tickContainer.children(element); 
            tickElem.eq(1).siblings().animate({ 
                opacity: 0 
                },400, function() { 
                    tickContainer.stop(true,true).delay(10).animate({ 
                    'margin-right': 10 
                    },0,function() { 
                        tickContainer.delay(100).animate({ 
                        'margin-right': 20 
                        },8000); 
                    }); 
                        tickElem.first().appendTo(tickContainer); 
                        tickElem.eq(1).delay(200).animate({ 
                            opacity: 1 
                        },400); 
                    }); 
        } 
        setInterval(function(){ tick () }, 6000); 
} 
bangingTicker('#testi_ticker','li');

$(document).ready(function(){
    bangingTicker('#testi_ticker','li');    
    setTimeout(function(){ 
        $('#testi_ticker').fadeIn(1000); 
    },6400); 
});

</script>

网页脚本

    <div id="anc">
<label style="float:left;color:red;font-size:15px;margin-left:30px;margin-top:20px;"><b>ANNOUNCEMENT : </b>&nbsp;</label>
<ul id="testi_ticker" style="display:none;float:left;font-size:15px;font-weight:bold;list-style:none;margin-top:20px;position:absolute;margin-left:180px;">
<?php echo $_SESSION['anc']; ?>
</ul>
</div>

饲料.php

<?php
session_start(); 
$mes1 = "test1";
$mes2 = "test2";
$mes3 = "test3";

$body = " <li>{$mes1} </li>
          <li>{$mes2} </li>
           <li>{$mes3} </li>
";
$_SESSION['anc'] = $body;
?>

无论如何可以更新HTML页面上的输出值，以便在我编辑"feed.php"时，html页面上的值也会自动更新？

Answer 1

你必须使用 JavaScript/Ajax。您可以简单地每隔几秒钟检查一次调用 Ajax-Request，或者使用一种称为"长轮询"的技术，这里有一个很棒的视频教程：

http://www.screenr.com/SNH