如何使用JQuery每隔X秒自动重新加载div内容?

时间:2014-04-22 10:09:15

标签: jquery html

我一直在做网页,我在重新加载div内容时遇到了问题。

我做了一些研究,我发现的所有这些例子都有类似于.load()的“script.php”,这不是我需要的......(example)< / p>

有没有办法使用.load()再次加载特定的div内容?

(顺便说一句,sry bad english等......我希望我的解释没有任何意义)


代码:

   <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            function update(){
                $('#div1').load("index.html #div1");
            }
            setInterval( 'update()', 1000 );
        </script>
    </head>

    <body>
            <div id="div1">
                    <script language="JavaScript">
                       <!--
                         date=Date()
                         document.write(date)
                       //-->
                    </script>
            </div>
    </body>

3 个答案:

答案 0 :(得分:0)

如果您的要求只是在某段时间内调用某个函数。然后只需使用:

function update()
    $('#div1').load("index.php");
    //$('#div1').load("index.jsp");
});

$(function() {
    update(); //to run on page load
    setInterval(update,1000);
}

使用服务器端代码作为日期,如下所示:

<强> PHP:

<h1><?= date("Y/m/d h:m:s") ?></h1>

<强> JSP:

<h1>
    <%  
       Date date = new Date();
       SimpleDateFormat ft = new SimpleDateFormat ("yyyy/MM/dd hh:mm:ss");
       out.print(ft.format(date));
    %>
</h1>

答案 1 :(得分:0)

尝试在ready()中编写代码,

$(function(){
   setInterval( 'update()', 1000 );
});

答案 2 :(得分:0)

这应该有效:

function update(){
    $('#div1').load("index.html #div1");
}
setInterval( update, 1000 );

或者这个:

function update(){
    $('#div1').load("index.html #div1");
}
setInterval( function(){
   update();
}, 1000 );