如何检查状态每10秒钟的JavaScript?

我有一台服务器(mysite.com/status),它返回的活动任务(只是一个整数)。 如何检查的活动任务数各10秒,JavaScript和显示用户是这样的:

剩余任务的数量:XXX

而且,如果任务数是0,那么我应该加载其他页面。

--------------解决方案-------------

做一个函数来设置一个新的超时自称。

function checkTasks(){
// Make AJAX request
setTimeout(checkTasks, 10000);
}
checkTasks(); // Start task checking

使用jQuery对AJAX功能...(未测试的代码)

setInterval(function(){
$.get('http://example.com/status',function(d){
// where there is html element with id 'status' to contain message
$('#status').text('Number of remaining tasks: '+d)
if(d == 0){
window.location = '/another/page'
}
})
},10000)

我曾想过不同的方法,没有任何AJAX。 当你只需要显示简单的纯数据,只需要使用<iframe>显示动态数据,然后用简单的JS“重装”框架每隔10秒。

HTML是:

Number of remaining tasks: <iframe id="myFrame" src="mysite.com/status"></iframe>

和JavaScript:

window.onload = function() {
window.setTimeout(ReloadTime, 10000);
};

function ReloadTime() {
var oFrame = document.getElementById("myFrame");
oFrame.src = oFrame.src;
window.setTimeout(ReloadTime, 10000);
}

现场测试情况下,使用时间相同的例子。

随着一些CSS就可以使边框看起来像文本的一部分,只需设置固定的宽度和高度,并删除边框。

setInterval(function(elem){ // here elem is the element node where you want to display the message
var status=checkStatus(); // supposing that the function which returns status is called checkStatus
if(status == 0){
window.location = '/another/page'
}
else {
elem.innerHTML="Number of remaining tasks:"+status;
}
},10000)

使用JavaScript库jQuery的,你可以设置一个重复的无限循环。 从一个页面获取数据,然后设置一个元件的内部的html。

http://jsfiddle.net/cY6wX/14/此代码是未经测试

编辑:示范更新我也没有设置如果你不想使用jQuery值,用jQuery选择。

分类:JavaScript的 时间:2015-03-15 人气:0
本文关键词: JavaScript的
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.252 (s). 10 q(s)