2012-02-20 81 views
0

我有一个jquery的div返回简单的文字,我想无需用户干预闪光灯每隔几秒钟,以显示不同的图像。更改图像取决于格内容

<script> 
function status(){ 
    $('#status').empty();  
    $('#status').load('status/<?php echo $call->sid;?>'); 
    setTimeout(status, 5000);} 
    status(); 
</script> 

因此,这每刷新5秒就会获得状态。如何根据返回的结果分配各种图像? Ex(正在呼叫,正在进行中,已完成)。

回答

0

试试这个:

<script type="text/javascript"> 
function status(){ 
    $('#status').empty();  
    // the request is not yet performed, set loading 
    $("#status").html('Loading'); 

    // make the request 
    $.get('status/<?php echo $call->sid;?>', function(data){ 
     // the request is complete 
     // assuming the data retrieved is HTML 
     $("#status").html(data); 

     // call the function again after 5 seconds 
     setTimeout(status, 5000); 
    }); 
} 

// when the document has loaded 
$(document).ready(function(){ 
    // call the status function 
    status(); 
}); 
</script> 
+0

这几乎让我现在的我......但我想通过jQuery取决于反应是什么加载各种图像。我可以很容易地做,如果其他的PHP ...但我认为该图像会在重新加载而不是状态改变时闪烁。基本上我只想要一种方式来显示这个活动的状态。 – 2012-02-20 08:00:58

+3

这里有不同的要求:第一次请求PHP以获取包含新图像的html或json,SECOND REQUEST到服务器加载该图像。如果你想避免闪烁,你可以在显示图像之前预加载图像:http://stackoverflow.com/questions/476679/preloading-images-with-jquery – 2012-02-20 08:07:11