jsで宝くじ(スクエア)効果を実現するにはどうすればよいですか? 2つの抽選演出の実装（コード例）

<div id="table"></div>
<div id="btn">
   <button onclick="start(&#39;p&#39;, &#39;active&#39;,&#39;newactive&#39;, 100)">顺序抽/停止</button>
   <button onclick="startRan(&#39;p&#39;, &#39;active&#39;,&#39;newactive&#39;, 100)">随机抽/停止</button>
</div>

table {
    text-align: center;
    border-collapse: collapse;
}

table * {
    width: 60px;
    height: 60px;
}

#btn {
    box-sizing: border-box;
    width: 190px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#btn * {
    flex-grow: 1;
    background-color: red;
    border: 1px solid #000;
    color: #fff;
    height: 30px;
    font-size: 10px;
}

.active {
    background-color: #ccc;
}

.newactive {
    background-color: #00ffff;
}