javascript随机点名

<!DOCTYPE html>
<html lang="en">
<head>    
    <meta charset="UTF-8">    
    <title>Title</title>
</head>
<body>
<center>    
    <div id="d1" style="height: 200px;width: 250px;border: 1px solid red;">        
    <br/> <br/> <br/> <br/>    
    <label id="a1"></label>    
    </div>    
    <br/>    
    <button id="s1" onclick="start()">开始点名</button> &nbsp; 
    <button id="s2" onclick="stop()">停止点名</button>
</center>
</body>
</html>

<script>    
    var names=["习大大","普金","特朗普","默克尔","萨科齐","金三胖","朴槿惠"]    
    var d1=document.getElementById("d1");    
    var a1=document.getElementById("a1");    
    var s1=document.getElementById("s1");    
    var s2=document.getElementById("s2");    
    var timer;    

    function start(){        
        timer=window.setInterval("work()",60)    
    }    
    function work(){        
        var num=parseInt(Math.random()*names.length)        
        a1.innerHTML=names[num];    
    }    
    function stop() {        
        window.clearInterval(timer);    
    }

</script>
时间: 2024-10-09 12:02:08

javascript随机点名的相关文章

JavaScript实现班级随机点名小应用需求分析

需求如下: 1.      在网页中显示,班级所有人员的名字. 2.      点击开始按钮,人员的颜色开始变化,当停止的时候,会有一个颜色不同的位置,那么这个位置就是被点到的同学了. 大致的图形界面如下: 下面是对上面的需求分析的具体分析如下: 1.      初始化这样一个页面,并设置统一颜色-green. a.      同学的名字,用数组存储 b.      在页面用div块显示 2.      随机选择一个位置让其颜色变化成-red a.      颜色的变化用css样式去控制 b. 

数组除重和应用随机数进行随机点名

数组除重: 主要是建立一个新的空数组,然后利用中间状态.在遇到相同的数字时其中间状态为1此时跳出循环,若没有相同数字则将其压入空数组中.其代码为: <script> var arr1 = [1, 1, 2, 2, 3, 3, 4, 4, 6, 1]; var arr2 = []; for(var i = 0; i < arr1.length; i++) { var status = 0; for(var j = 0; j < arr2.length; j++) { if(arr1[

js随机点名系统

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 body{ 8 background-color: hotpink; 9 } 10 .box{ 11 width: 1000px; 12 height: 240px; 13

小案例之随机点名系统

随机点名系统 近日,本人学习了对象和计时器,就想写一个小案例随机点名系统,这个小案例其实很简单只需要生成随机下标,从数组中取值并运用innerHTML方法将获取到的信息显示到网页上(这里有人会提出疑问,字符串也可以遍历为什么不用字符串呢?原因很简单字符串无法分隔每个名字.)话不多说直接上代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></ti

随机点名

今天听课听到了Math对象中的随机数方法random(),然后就想用它设计一个简单的随机点名系统.我记得之前高中的时候语文老师用过一个,是类似于名字滚动的那种,现在太菜就先不考虑这个了,后续有机会再研究吧. 先展示一下最终的效果图. 下面是html代码部分 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>随机点名</title

JavaScript随机生成颜色的方法

JavaScript随机生成颜色的方法 这篇文章主要介绍了JavaScript随机生成颜色的方法的相关资料,非常不错,代码简单易懂,具有参考借鉴价值,需要的朋友可以参考下 废话不多说了直接给大家贴js代码了,具体代码如下所述: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 <!DOCTYPE html> <html>

数组除重和运用随机点名的简单运用

数组除重: 新建一个空数组,利用中间状态,遇到相同数字时,其状态为1时跳出循环,新数组内没有则压入数组中. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> arr=[4,4,4,4,4,5

用C语言编写一个随机点名系统

/*编写一个随机点名系统,运行该系统后,按空格键可以显示出一名同学,以前被选中的同学,将不会再次被选中*/ #include<stdio.h> #include <stdlib.h> #include<string.h> #include <conio.h> #include <time.h> struct studentinfo { char sNo[5]; char sxueNo[14]; char sname[20]; }st[100];

随机点名程序与万年历

随机点名程序 document.write(Math.random()); var stu = ["张三", "王五", "张二", "张一", "石大", "郭三", "冯二", "平五"]; var ran = Math.random(); var ran = ran * stu.length; var ran = Math.floor(ran