今天帮人解答问题时做的~·留作纪念吧~·
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0; padding:0;}
table{width:400px;}
table td{height:35px; border:1px solid #000;}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script>
var tds = document.getElementsByTagName('td'),
len = tds.length,num = 0,
timer = setInterval(function(){
var count = parseInt(9*Math.random());
if(tds[count].style.background){
for(var i = 0; i < len; i++){
if(tds[i].style.background){
num++;
}
}
if(num == 9){
clearInterval(timer);
}else{
num = 0;
arguments.callee();
}
}else{
if(!tds[count].style.background){
tds[count].style.background = '#333';
}
}
},1000);
</script>
</body>
</html>