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 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来实现课堂随机点名方法内容请搜索小牛知识库以前的文章或继续浏览下面的相关文章希望大家以后多多支持小牛知识库！
-
本文向大家介绍js实现课堂随机点名系统，包括了js实现课堂随机点名系统的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js随机点名系统的具体代码，供大家参考，具体内容如下 style样式 body排列 js代码 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍JavaScript实现随机点名器实例详解，包括了JavaScript实现随机点名器实例详解的使用技巧和注意事项，需要的朋友参考一下 你是公司的程序员，年会的时候公司要给员工抽奖发福利，要求你写一个页面小程序，用来随机选出幸运员工，分设一二三等奖大致如下图示例: 以下是点名器的一种思路，页面比较简陋，只给出了满足最基本要求的代码户要用到计时器，随机数函数等 本抽奖一二三等奖都只设
-
本文向大家介绍python随机模块random使用方法详解，包括了python随机模块random使用方法详解的使用技巧和注意事项，需要的朋友参考一下 random随机模块包括返回随机数的函数，可以用于模拟或者任何产生随机输出的程序。 一.random模块常用函数介绍 random.random() — 生成一个从0.0（包含）到 1.0（不包含）之间的随机浮点数； random.uniform(
-
本文向大家介绍JavaScript实现随机点名器，包括了JavaScript实现随机点名器的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript实现随机点名器效果图的具体代码，供大家参考，具体内容如下 js实现随机点名器的思路 利用setTimeout()计时器实现随机的效果，功能函数 完整代码如下： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持
-
本文向大家介绍JavaScript实现随机点名小程序，包括了JavaScript实现随机点名小程序的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了JavaScript实现随机点名小程序的具体代码，供大家参考，具体内容如下 导入jar包 将jquery-3.3.1.min.js包导入到web目录下的js包 代码实现 小结 1.div元素使用循环动态生成,循环长度是名单数组的长度 2.d
-
本文向大家介绍Python使用random模块生成随机数操作实例详解，包括了Python使用random模块生成随机数操作实例详解的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Python使用random模块生成随机数操作。分享给大家供大家参考，具体如下： 今天在用Python编写一个小程序时，要用到随机数，于是就在网上查了一下关于Python生成各种随机数的方法，现将其总结如下： 此处