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

Question

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

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

第一次它工作正常，但我认为每 10 秒这个 div 将被称为函数。

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

听到我没有点击任何东西

请建议我...

Answer 1

Ajax method与 一起使用setInterval();。使用它，您可以在某个时间间隔内轻松调用函数

Answer 2

使用setInterval();方法

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

Answer 3

setInterval(function(){ //you can set an AJAX call inside },10000) 将为您解决问题。

Answer 4

您可以使用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>

Answer 5

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

这将定期调用您的函数，而无需单击任何位置。