简单的点名器

var arr = ['范德彪', '马大帅', '郭富城', '刘德华', '张学友', '林俊杰', '熊大', '熊二', '杯子', '卑鄙', '刘华强', '雪碧']
    var recordTimer = {}
    var it;
    function btn() {
      clearInterval(it)
      di.style.color = "black"
      console.log(arguments[0])
      var countTime = 0;
      var orderNameTime = 20;
      it = window.setInterval(function () {
        var di = document.getElementById("di");
        var index = parseInt(Math.random() * (arr.length - 1));
        di.innerHTML = arr[index]
        orderNameTime--;
        if (!orderNameTime) {
          clearInterval(it)
          di.style.color = "red"
          console.log("点名完毕")
        }
      }, 300)
    }

其中，js定时器的用法，解决多次点击/触发定时器越走越快的问题
那就要在每次初始化定时器之前先执行清除操作，保证只有一个定时器在执行，就不会出现这样的问题了。