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

how to call function each 10 sec in javascript?

本文关键字：一个 函数 调用 javascript 中每 10秒      更新时间：2023-09-26

在我的HTML页面，我有div标签，我是打印服务器端数据听到。

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

第一次它工作得很好，但我认为每隔10秒这个div将被称为函数。

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

听到我没有点击任何东西

使用setInterval();方法

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

使用Ajax method和setInterval();。使用这个你可以很容易地调用函数

你可以用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>

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

您可以在window 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
}

这将定期调用你的函数，而不需要点击任何地方。

相关文章：