最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Auto Load and Refresh Div every 10 Seconds with jQuery - Stack Overflow

programmeradmin1浏览0评论

I'm working with a nice little Jquery that auto loads and refreshes a div every bla bla Seconds. Works perfectly on all browsers then I load up IE and bang what a surprise no luck! :(

Index.html

<script  type="text/javascript" src="/
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..

?>

Any ideas guys?

I'm working with a nice little Jquery that auto loads and refreshes a div every bla bla Seconds. Works perfectly on all browsers then I load up IE and bang what a surprise no luck! :(

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

?>

Any ideas guys?

Share Improve this question asked Jun 25, 2010 at 20:37 WebbyWebby 2,7655 gold badges26 silver badges34 bronze badges
Add a comment  | 

3 Answers 3

Reset to default 7

Add a random value at the end of the url to avoid caching.. That should solve your problem. ex: $('#load').load('reload.php?_=' +Math.random()).fadeIn("slow");

Try closing your script tag before having your body tag.

<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>
  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);
发布评论

评论列表(0)

  1. 暂无评论