Question

无论如何，当feed.php中的值发生变化时，

会刷新此div的内容

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

<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>

html脚本

    <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>

feed.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调用，或者使用一种名为“Long Polling”的技术，这是一个很棒的视频教程：

http://www.screenr.com/SNH

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

1 个答案: