<html>
<head>
<script type="text/javascript">
var c = 0;
var t;
function ChangeColor()
{
document.getElementById('test').value=c;
c=c+1;
t = setTimeout("ChangeColor()",1000);
}
function stop()
{
clearTimeout(t)
}
</script>
</head>
<body >
<input type="button" value="点击查询" onClick="ChangeColor()">
<input type="text" id="test">
<input type="button" value="停止" onClick="stop()">
<p style="color:#FF0000">点击按钮从0循环显示,点击停止按钮循环停止</p>
</body>
</html>
要点:停止循环需要一个函数:clearTimeout(id_of_settimeout),其中id_of_settimeout 由setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。