原生JavaScript实现随机点名表-偶像资源网

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

效果：

代码：

<!DOCTYPE html>
<html>
 <head>
 <meta charset=\"UTF-8\">
 <title></title>
 <style>
  .box{
  width:300px;
  height:200px;
  border:1px solid #ccc;
  /*position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin: auto;*/
  margin: 100px auto;
  text-align: center;
  }
  h1{
  width:150px;
  height:60px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  background-color: red;
  margin: 10px auto;
  }
  button{
  width:100px;
  height:40px;
  background-color: dodgerblue;
  border:0;
  font-size: 24px;
  color:#fff;
  }
  
  
 </style>
 </head>
 <body>
 <div class=\"box\">
  <h1></h1>
  <button>开始</button>
  <button>停止</button>
 </div>
 <script>
  var h1=document.getElementsByTagName(\'h1\')[0];
  var btn=document.getElementsByTagName(\"button\");
  var arr=[\"苏晨旭\",\"张志阳\",\"小明\",\"社会坤哥\",\"药\",\"敬珍\",\"锦涛\",\"网管\",\"社会辰哥\",\"渣男\",\"雪\",\"宝贝曼\",\"大个\",\"睡神\",\"龙爷\",\"英儿\",\"东北娃\",\"珂珂\",\"黄花大闺女\",\"狗蛋\",\"狗子\",\"天娇\",\"志强\",\"晋玮\",\"海涛\",\"迈姐\",\"新凤\",\"环姐\",\"二狗\"];
  
  var ind=ranFun(0,arr.length-1)
  
  h1.innerHTML=arr[ind];
  var timer;
  btn[0].onclick=function(){
  clearInterval(timer)
  timer=setInterval(function(){
   h1.innerHTML=arr[ranFun(0,arr.length-1)]
  },100)
  }
  
  btn[1].onclick=function(){
  clearInterval(timer)
  }
  
  function ranFun(a,b){
  return Math.floor(Math.random()*(b-a+1)+a)
  }
 </script>
 </body>
</html>

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

版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

原生JavaScript实现随机点名表

请登录后发表评论