は私が/UPDATECOUNTは、動的データ/コンテンツを提供するために、web.xmlで構成されており、JSPページ内のdiv要素countStatDivがあるURLパターンとサーブレットがあることを前提としています。
次のコードは、リフレッシュ/ GETメソッドと変数秒値を用いて、30秒ごとにcountStatDivの内容を更新する必要に応じて変更することができる。
<script>
var request;
var seconds=30;
function getRequestObject(){
setInterval(function() {sendRequest();},seconds*1000);
if (window.ActiveXObject){
return (new ActiveXObject("Microsoft.XMLHTTP"));
} else if (window.XMLHttpRequest){
return(new XMLHttpRequest());
} else {
return (null);
}
}
function sendRequest(){
request = getRequestObject();
request.onreadystatechange = handleResponse;
request.open("GET", "../UpdateCount", true);
request.send(null);
}
function handleResponse(){
if((request.readyState == 4)&&(request.status == 200)){
var serverResponse = request.responseText;
var statCtrl=document.getElementById("countStatDiv");
statCtrl.innerHTML=serverResponse;
}
}
</script>
出典
2013-09-12 06:38:59
AVA
のsetTimeoutとのsetIntervalが既にされているのでJavaScriptでタイマーがどのように機能するかについてのJohn Resigのノートを参照してください。http://ejohn.org/blog/how-javascript-timers-work/ –
jQueryライブラリを見ると、人気があるようですプラグインは私の後ろにあったものを具体的にするように設計されています:http://www.360innovate.co.uk/blog/2009/03/periodical updater-for-jquery/ – aaa90210