使用jQuery每10秒自动加载和刷新Div

时间:2010-06-25 20:37:49

标签: javascript jquery

我正在使用一个漂亮的小Jquery,自动加载并刷新每个bla bla秒的div。 在所有浏览器上都能完美运行,然后我加载IE并发出惊喜没有运气! :(

的index.html

<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 ()
{
$('#load').load('reload.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds

<body>
<div id="load"> </div>
</body>

</script>

reload.php

<?

echo time(); //just a timestamp example..

?>

任何想法的人?

3 个答案:

答案 0 :(得分:7)

在网址末尾添加一个随机值以避免缓存..这应该可以解决您的问题。例如:$('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

答案 1 :(得分:4)

在拥有正文标记之前,请尝试关闭脚本标记。

<head>
<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 ()
{
$('#load').load('reload.php').fadeIn("slow");
}, 10000); // refresh every 10000 milliseconds

</script>
</head>

<body>
<div id="load"> </div>
</body>

答案 2 :(得分:0)

  body {text-align:center; background-image: url('http://cdn3.crunchify.com/wp- content/uploads/2013/03/Crunchify.bg_.300.png')}


    $(document).ready(function() {
        auto_refresh();
    });
    function auto_refresh(){
        var randomnumber = Math.floor(Math.random() * 100);
        $('#show').text('I am getting refreshed every 3 seconds..! Random Number ==> '+ randomnumber);
    }
    var refreshId = setInterval(auto_refresh, 1000);