如何在javascript中每10秒调用一次函数?

时间:2013-06-19 08:33:40

标签: javascript html ajax

在我的html页面中,我有div标签,我是打印服务器端数据。

<div id="chatbox">
   <label>${modelAttribute.chatMessage}<br></label>
</div>

第一次它工作正常,但我想每10秒这个div将被称为功能。

那么如何调用每一个特定的方法?

听说我不是点击任何东西

请建议我......

5 个答案:

答案 0 :(得分:2)

使用setInterval();方法

你可以在这里找到更多: http://www.w3schools.com/jsref/met_win_setinterval.asp

答案 1 :(得分:2)

Ajax methodsetInterval();一起使用。使用此功能,您可以轻松地在某个时间间隔内调用函数

答案 2 :(得分:1)

setInterval(function(){ //you can set an AJAX call inside },10000)会帮你解决问题。

答案 3 :(得分:1)

您可以使用setInterval()

使用所有数据刷新div
<div id="chatbox">
//content
</div>

刷新div的jquery:

<script>
    $(document).ready(function(){
        setInterval(function() {
            $("#chatbox").load("getchatbox.php #chatbox");
        }, 10000);
    });

</script>

您也可以将它与ajax一起使用。一个很好的教程:http://jquery-howto.blogspot.nl/2009/04/ajax-update-content-every-x-seconds.html 使用AJAX的简单示例

<script type="text/javascript">
jQuery(function($) {
function updateData()
{
var html = $.ajax({
url: "/getchatboxdata",
success: function(data) {
$('#chatbox').html(data);
}
});
}

updateData();

var auto_refresh = setInterval(function(){
updateData()
}, 10000);
});
</script>

答案 4 :(得分:0)

你可以在onLoad窗口上使用setInterval函数并传递你想要调用的函数和时间间隔

window.onload = function() // Start your timer when the window has loaded
{
   setInterval("<function_name>;", <time_interval>); // Using milliseconds, define your 10 second interval
}

这将定期调用您的函数而不点击任何位置。