console 命令行工具 X clear

console

window.onload = function() {
  var eleP = document.getElementsByTagName('div')[0].getElementsByTagName('p')[0],
  eleStart = document.getElementsByTagName('input')[0],
  eleStop = document.getElementsByTagName('input')[1],
  eleStart1 = document.getElementsByTagName('input')[2],
  eleStop1 = document.getElementsByTagName('input')[3],
  eleStart2 = document.getElementsByTagName('input')[4],
  eleStop2 = document.getElementsByTagName('input')[5],
  arr = ["王燚兰", "申婷婷", "刘云普","郭鑫楠"],
  arr1= ["ppt1", "ppt2", "ppt3","ppt4","ppt5"],
  arr2 = ["role play1", "role play", "role play"],
  cou,
  t;

  function blurAll() {
    eleStart.blur();
    eleStop.blur();
    eleStart1.blur();
    eleStop1.blur();
    eleStart2.blur();
    eleStop2.blur();
  }

  function addEvent(elem, type, fun) {
    if (elem.addEventListener) {
      elem.addEventListener(type, fun);
    } else if (elem.attachEvent) {
      elem.attachEvent("on" + type, fun);
    } else {
      elem["on" + type] = fun;
    }
  }

  function startC() {
    t = setInterval(produceRandom, 100);
    eleStart.disabled = "disabled";
    eleStart.style.backgroundColor = "#009393";
    blurAll();
  }

  function produceRandom() {
    do {
      cou = Math.floor(Math.random() * arr.length);
    } while ( eleP . innerHTML == arr [ cou ]);
    eleP.innerHTML = arr[cou]
  }

  function stopC() {
    eleStart.disabled = false;
    eleStart.style.backgroundColor = "#009393";
    clearInterval(t);
    blurAll();
  }

  function press(e) {
    e = e || e.event;
    if (e.keyCode == 13) {
      if (eleStart.disabled) {
        stopC();
      } else {
        startC();
      }
    }
  }
  
  
  function startD() {
    t = setInterval(produceRandom, 100);
    eleStart1.disabled = "disabled";
    eleStart1.style.backgroundColor = "#009393";
    blurAll();
  }


  function stopD() {
    eleStart1.disabled = false;
    eleStart1.style.backgroundColor = "#009393";
    clearInterval(t);
    blurAll();
  }

  function press(e) {
    e = e || e.event;
    if (e.keyCode == 13) {
      if (eleStart1.disabled) {
        stopD();
      } else {
        startD();
      }
    }
  }

  addEvent(document, "keyup", press);
  addEvent(eleStart, "click", startC);
  addEvent(eleStop, "click", stopC);
}

<body>
  <p>
    鼠标点击按钮，或按回车键
  </p>
  <div>
    <p>
      点击“开始”，抽取姓名。
    </p>
    <input type="button" name="start" value="开始">
    <input type="button" name="sotp" value="停止">
  </div>
  
  <div>
    <p>
      点击“开始”，抽取PPT演讲内容！
    </p>
    <input type="button" name="start" value="开始">
    <input type="button" name="sotp" value="停止">
  </div>
  
  <div>
    <p>
      点击“开始”，抽取场景内容。
    </p>
    <input type="button" name="start" value="开始">
    <input type="button" name="sotp" value="停止">
  </div>
  
</body>

html,
body,
div,
p {
  margin: 0;
  padding: 0;
}

div {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 30px;
}

div p {
  display: block;
  margin: 40px 0;
}

input {
  font-size: 25px;
  background-color: #FF2D2D;
  color: #fff;
  border-radius: 10px;
  width: 120px;
  height: 50px;
  cursor: pointer;
}