续： 讨论：功能封装与程序暂停

一个我以前写的例子：<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>emu</title>
</head>
<body>
<div id=ttText style="display:none">
程序运行中......<BR>
<span id=currentState></span> &nbsp; <button onclick="CANCLE = true;">停止</button><BR>
</div>
<button onclick="run_step1()" id=button1>开始</button>
<span id=result></span>
<script>
var i=0;
var sum =0;
var CANCLE = false;
var max = 2000000; //循环的终点
var step = 9999; //步长：选择合适的步长可以在响应能力和计算速度上获得比较好的折衷。
//(步长用9999而不是10000只是为了显示的时候好看，其实都一样)
var timeStart = "";
function run_step1()
{
if (i == 0)timeStart = new Date();
ttText.style.display="";
button1.style.display="none";
setTimeout("run_step2()",1);
CANCLE = false;
}
function run_step2()
{
if (CANCLE) 
{
ttText.style.display="none";
button1.style.display="";
button1.value="继续";
return;
}
if (i == null)
{
//初始化
//注意：这里不能写var，因为循环变量和结果都为全局变量。
i = 1;
sum = 0;
run_step2();
}
else if (i<=max)
{
var endValue = i+step;
if (endValue >max) endValue = max+1;
for (j=i; j<endValue ; j++)
sum += j;
i+=step;
currentState.innerText = i;
result.innerText = "临时结果："+sum;
setTimeout("run_step2()",20);
}
else
{
run_step3();
}
}
function run_step3()
{
ttText.style.display="none";
button1.style.display="";
button1.value="重新开始";
result.innerText = "最终结果"+sum+" 用时："+(new Date-timeStart)/1000+"秒"
sum = 0;
i = 0;
}
</script>
</body>
</html>

解决方案 »

  1.   

    这也是个老问题了，一直没有出现更好的通用的方法，只能针对具体的应用场合编码。--------------------------------------------------------------------------------
    另一个办法是采用拆散长函数成许多小函数，在函数之间暂停的办法，但是，但是！！ 变量没有了！你得使用全局变量来保存值。这导致的就是一片混乱，你无法封装函数。
    --------------------------------------------------------------------------------其实这不是一定的，如果实在不希望通过全局变量，可以通过函数参数来传递中间结果。