欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js实现随机点名小功能

程序员文章站 2024-01-17 16:51:28
本文实例为大家分享了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> 


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