0

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>

フィード.php

<?php
session_start(); 

$mes1 = "test1";
$mes2 = "test2";
$mes3 = "test3";


$body = " <li>{$mes1} </li>
          <li>{$mes2} </li>
           <li>{$mes3} </li>
";

$_SESSION['anc'] = $body;

?>

「feed.php」を編集すると、htmlページの値も自動的に更新されるように、htmlページの出力値を更新する方法はありますか?

4

1 に答える 1

0

JavaScript/Ajax を使用する必要があります。数秒ごとに Ajax-Request の呼び出しを確認するか、「ロング ポーリング」と呼ばれる手法を使用できます。そのための優れたビデオ チュートリアルを次に示します。

http://www.screenr.com/SNH

于 2012-10-17T17:44:27.757 に答える