幾秒鐘後使用javascript自動刷新一個div？

Question

我正在尋找一種方法來刷新一個div後，每5秒刷新整個頁面。

我有一個網頁叫做mod_chat.php對此我包括我的網頁profile.php liek這樣：

<?php include('includes/mod_profile/mod_chat/mod_chat.php'); ?> 

在mod_chat.php是我想每5秒刷新股利，但沒有刷新整個頁面，我已經嘗試過的一切都無法工作，請有人告訴我如何解決這個問題。

這裏是香港專業教育學院的嘗試：

<div class="chat_box"> 
<div class="chat_box_head"><div class="chat_box_head_text">You and <?php 
$chat_set_name = chat_set_name(); 
while ($chat1 = mysql_fetch_array($chat_set_name)) { ?><?php echo "".$chat1['display_name']."" ?><? } ?></div><div class="chat_close"></div></div> 
<div class="chat_content"> 
<?php 
    $chat_set = get_chats_to(); 
while ($chat = mysql_fetch_array($chat_set)) { 
    if (isset($_SESSION['user_id'])) { 
     if ($chat['to_user_id'] == $_SESSION['user_id']){ ?> 
      <?php echo "<div class=\"chat_row\">".$chat['content']."<br/><a href=\"#\">{$chat['display_name']}</a></div>"; ?> 


     <? } } }?> 

     </div> 

的javascript：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
    $('.chat_box').load('mod_chat.php'); 
}, 05000); // refresh every 05000 milliseconds 
</script> 

Answer 1

你能做到這什麼;

function get_chat() { 




$.get('/mod_chat.php', {}, function(data) { 


     $("#div").html(data); 
     //optional code, if you wanted the chat box to have a scroller and automatically move to bottom when messages are loaded. 
     var textarea = document.getElementById('divid'); 
      textarea.scrollTop = textarea.scrollHeight; 

    }); 

    //load messages every 4 seconds 
    setInterval("get_chat();", 4000); 


} 

然後在文件加載中，你會調用函數;

$(document).ready(function(){ 
     get_chat(); 
    });