javascript如何使用函数random来实现课堂随机点名方
编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript如何使用函数random来实现课堂随机点名方法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧
如何使用函数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 id="d2" 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来实现课堂随机点名方法内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章希望大家以后多多支持狼蚁SEO！
编程语言
- Win10 PC创意者更新慢速版15048改进内容与已知问题
- 用纯CSS3实现网页中常见的小箭头
- 神舟笔记本问题集锦
- Bellnames常用操作说明
- 揭秘手机淘宝搜索排序的影响因素
- XHTML入门学习教程-网页Head和DTD
- 笔记本光驱保养常用知识
- hzhost虚拟主机系统致命漏洞
- 电脑无线网络出现红色叉叉无线网卡打不开的六
- 16项评比不得不看 机箱哪些功能最实用
- AI怎么绘制一个呲牙的qq表情-
- 红帽指点杆机械键盘 TEX Yoda上手体验测评
- 笔记本电脑保养常识有哪些-笔记本保养常识总结
- cdr怎么设计圆角矩形效果的图标-
- 在XSLT样式表中声明命名空间小结
- Fireworks教程-常用操作技巧总结