首页 > 语言 > JavaScript > 正文

js实现随机点名小功能

2024-05-06 15:12:47
字体:
来源:转载
供稿:网友

本文实例为大家分享了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> 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选