js实现随机点名小功能
2017-08-17 09:59
821 查看
本文实例为大家分享了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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- JS实现的随机排序功能算法示例
- js实现随机点名
- JS实现的随机点名的模型
- JS实现课堂随机点名和顺序点名
- JS 实现随机验证码功能
- javascript实现的一个随机点名功能
- JS 实现随机验证码功能
- js实现随机点名系统(实例讲解)
- JS实现随机验证码功能
- javascript实现的一个随机点名功能
- JS实现生成由字母与数字组合的随机字符串功能详解
- 利用EXCEl实现自动分组与随机点名功能
- js/jQuery简单实现选项卡功能
- AngularJS+bootstrap实现动态选择商品功能示例
- js实现简单登录功能的实例代码
- js实现滑动解锁功能(PC+Moblie)
- JS小功能(checkbox实现全选和全取消)实例代码
- jQuery结合jQuery.cookie.js插件实现换肤功能示例
- JS实现的简单表单验证功能完整实例
- Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)