Html

<button id="start">開始點名</button>
<button id="end">結(jié)束點名</button>
<div id="name"></div>

CSS

#name{
      width: 135px;
      text-align: center;
      padding-top:10px;
    }

JS

#name{
     window.onload = function () {
    var start = document.getElementById('start');
    var end = document.getElementById('end');
    var name = document.getElementById('name');

    var nameArr = ['Leon','Allen','Ella','Lee','Howard'];

    var timer = null;

    // 開始點名
    start.onclick = function () {

      // 清除定時器
      clearInterval(timer);

      // 設(shè)置定時器
      timer = setInterval(function () {

        // 設(shè)置隨機數(shù)
        var s_index = parseInt(Math.random()*nameArr.length);
        var s_name = nameArr[s_index];
        console.log(s_name);
        name.innerText = s_name;

      },20)
    };

    // 結(jié)束點名
    end.onclick = function () {
      clearInterval(timer);
    }
  }
    }