定期的に処理を行う

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
window.onload = changeColor;
function changeColor()
{
var R = Math.floor(Math.random()*256);
var G = Math.floor(Math.random()*256);
var B = Math.floor(Math.random()*256);
$("mainContents").style.backgroundColor = "rgb("+R+","+G+","+B+")";
$("mainContents").innerHTML = "赤："+R+"<br>緑："+G+"<br>青："+B;
timerID = setTimeout("changeColor()",1000);
}
function stopTimer()
{
clearTimeout(timerID);
}
// --></script>
</head>
<body>
<h1>タイマー処理</h1>
<form>
<input type="button" value="タイマー停止" onClick="stopTimer()">
</form>
<div id="mainContents"></div>
</body>
</html>

・サンプル1を実行する
・サンプル2を実行する
Ajax逆引きクイックリファレンス　説明などは本書を参考にしてください。