下面的HTML动画就说明了利用setTimeout函数来创建多个闭包：
<html>
<head>
<title>简单的闭包演示</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<mce:style><!--
body{
font-size: 78%;
background: black;
color: white;
}
div{
font-size: 1px;
height: 16px;
}
--></mce:style><style mce_bogus="1"> body{
font-size: 78%;
background: black;
color: white;
}
div{
font-size: 1px;
height: 16px;
}
</style>
</head>
<body>
<h1>简单的闭包演示</h1>
<mce:script type="text/javascript"><!--
// 黑色div变白色div，同时收窄为2px高（原本每个16px高）
// 其过程为由上方至下方地渐变过程，速度变化是由快到慢的
function foo(div){
var c = 1,
fo = function(){
if (c < 16) {
div.style.background = '#' + c.toString(16) + c.toString(16) + c.toString(16);
div.style.height = (16 - c) + 'px'; //
c++;
// 这里是setTimeout闭包命令的开始。目的是快速“减少div高度，并作一个灰度颜色的过渡”。
setTimeout(fo, 20);
// 思考：这里没有写循环语句，使用的setTimeout实现闭包的手段。
// 如果不用闭包，我们能否用for....的写法能否达到等价的目的？
};
};
// i * 20反映出频率的大小。最慢的频率是50*20=1000ms（一秒钟）。剩下的行数越小，消逝div的速度越慢，
setTimeout(fo, i * 20);
}
// 画出五十行的div，背景颜色黑色。
for(i=0; i<50; i++){
document.write('<div style="backgro
