在制作点名器时,点击开始按钮不能循环。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>点名器</title>
<style>
td{
background-color: black;
}
</style>
</head>
<body>
<center>
<h1>点名器</h1>
<table width="500px" height="300px" border="1px">
<tr>
<td id="0">张三</td>
<td id="1">李四</td>
<td id="2">王麻子</td>
<td id="3">张无忌</td>
</tr>
<tr>
<td id="4">郭靖</td>
<td id="5">杨过</td>
<td id="6">黄蓉</td>
<td id="7">洪七公</td>
</tr>
<tr>
<td id="8">鲁长老</td>
<td id="9">吕洞宾</td>
<td id="9">铁拐李</td>
<td id="10">荷仙姑</td>
</tr>
<tr>
<td id="11">孙悟空</td>
<td id="12">林黛玉</td>
<td id="13">贾宝玉</td>
<td id="14">王熙凤</td>
</tr>
</table>
<br/>
<input type="button" value="开始" onclick="btn_Strat()"/>
<input type="button" value="结束" onclick="btn_Stop()"/>
</center>
<script>
function btn_Strat(){
// 随机的让某个单元格变白
//随机数0-15
var num = Math.floor(Math.random()*16);
for(var i=0;i<=15;i++){
if(i == num) {
// 随机获取单元格
var td= document.getElementById(i);
// 设置获取单元格背景色变白
td.style.backgroundColor="white";
}else{
// 获取其余单元格
var td= document.getElementById(i);
// 设置其余单元格背景色变黑
td.style.backgroundColor="balck";
}
}
var t;
// 定时器自动完成
t=window.setTimeout("btn_Strat()",50);
}
function btn_Stop(){
window.clearTimeout(t);
}
</script>
</body>
</html>
报错提示:
Uncaught TypeError: Cannot html:63 read properties of null (reading 'style')
at btn_Strat (1.html:63:11)
at HTMLInputElement.onclick (1.html:44:59)
63:td.style.backgroundColor="balck";
44:<input type="button" value="结束" onclick="btn_Stop()"/>
我不知道哪里错了。