js 中出现了一个小问题

在制作点名器时，点击开始按钮不能循环。
   <!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()"/>
我不知道哪里错了。

i<=15改成i<15
因为你的id只有0到14定义了，所以id为15时getelement就是null

1.balck
2.定时器的写法
3.i<15
4.Math.random()*15

<!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>
      var t
      function btn_Strat() {
        window.clearInterval(t)
        t = window.setInterval(() => {
          var num = Math.floor(Math.random() * 15)
          console.log(num)
          for (let 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 = "black"
            }
          }
        }, 500)
      }
      function btn_Stop() {
        window.clearInterval(t)
      }
    </script>
  </body>
</html>