javascript如何使用函数random来实现课堂随机点名方法详解
如何使用函数random来实现课堂随机点名
1.最初的样子如下
2.点击开始点名，上面一行的文字变成名字，名字在不停的变化，开始点名变成停止点名，如下
3.点击停止点名，上面名字不动，停止点名变成开始点名，如下：李四同学回答老师问题
代码如下
<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title></title> <style> #d2{cursor:pointer;}/*让鼠标移到开始点名的时候变成手型*/ </style> </head> <body> <div id='d1'>亲，准备好了吗？</div> <div onclick='fun()'>开始点名</div><!--触发事件句柄onlick，调用fun函数--> <script> var mytime=null; var d1=document.getElementById('d1'); var d2=document.getElementById('d2'); function fun() {if(mytime==null) {d2.innerHTML='停止点名'; show();} else { clearTimeout(mytime); d2.innerHTML='开始点名'; mytime=null; } } function show() {var s=['张三','李四','王五','王二','小二']; var name=Math.floor(Math.random()*10%s.length);//让name在下标0-4之间取得 d1.innerHTML=s[name]; mytime=setTimeout('show()',1); } </script> </body></html>
注意：random是Math中的函数，所以要写成Math.random()
到此这篇关于javascript如何使用函数random来实现课堂随机点名方法详解的文章就介绍到这了,更多相关javascript 使用函数random来实现课堂随机点名方法内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网！
相关文章：
1. Spring自动注入失败的解决方法2. 用IntelliJ IDEA看Java类图的方法(图文)3. django 前端页面如何实现显示前N条数据4. Javascript怎样使用SessionStorage和LocalStorage5. Android 登录页面的实现代码(密码显示隐藏、EditText 图标切换、限制输入长度)6. PHP截取字符串专题7. IntelliJ IDEA设置默认浏览器的方法8. 关于vue的列表图片选中打钩操作9. 一个用xslt样式将xml解析为xhtml的类TransformBinder（兼容FF和IE7.0）10. IntelliJ IDEA设置条件断点的方法步骤
网公网安备