js实现随机点名小功能

203 阅读 0 评论 134 点赞

我是靠谱客的博主糟糕柠檬，最近开发中收集的这篇文章主要介绍js实现随机点名小功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例为大家分享了js实现随机点名功能的具体代码，供大家参考，具体内容如下

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="UTF-8"> 
    <title></title> 
  </head> 
  <body> 
    <div id="name1"></div> 
    <button id="btn">stop</button> 
     
  </body> 
  <script type="text/javascript"> 
    var flag = true; 
    var str = "张三,李四,王五,马六"; 
    var arr = str.split(","); 
    var interId = setInterval("randName()",100); 
    function randName(){ 
      var rand = Math.floor(Math.random() * arr.length); 
      name1.innerHTML = arr[rand]; 
    }   
    btn.onclick = function (){ 
      if (flag) { 
        btn.innerHTML = "start"; 
        clearInterval(interId); 
        flag = false; 
      } else{ 
         
 
btn.innerHTML = "stop"; 
        interId = setInterval("randName()",100); 
        flag = true; 
      } 
    } 
  </script> 
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。