简单代码，随机点名器

随机点名器，复制代码保存在txt文件中，然后把文件名字中的txt改为html，即可在浏览器中打开进行随机点名。

也可以随便把里面的汉字改为菜单名，让点名器帮我们选择每天吃什么。

代码如下：

<!DOCTYPE html>

<html>

<head>

window.οnlοad=function(){

var interval1;

var interval2;

document.getElementById("button").οnclick=function(){

//button按钮切换

document.getElementById("button").style.display="none"

document.getElementById("button2").style.display="block"

var arr=document.getElementsByTagName("td");

for (var i=0;i<arr.length;i++) {

arr[i].style.backgroundColor="white"

}

var interval1 = window.setInterval(function(){

var num =window.GetRandomNum(1,9)

var selectElement = document.getElementById(num);

selectElement.style.backgroundColor="red"

var interval2 = window.setTimeout(function(){

selectElement.style.backgroundColor="white"

},100)

},200)

/*停止点名*/

document.getElementById("button2").οnclick=function(){

window.setTimeout(function(){

window.clearInterval(interval1)

for (var i=0;i<arr.length;i++) {

arr[i].style.backgroundColor="white"

}

var num2=window.GetRandomNum(1,9);

var selectElement2 = document.getElementById(num2)

selectElement2.style.backgroundColor="red"

alert(selectElement2.innerHTML+",恭喜你中奖了！")

},3000)

/*button按钮切换*/

window.setTimeout(function(){

document.getElementById("button").style.display="block"

document.getElementById("button2").style.display="none"

},3100)

}

</script>

//产生随机数

function GetRandomNum(Min,Max){

var Range = Max - Min;

var Rand = Math.random();

return(Min + Math.round(Rand * Range));

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>

简单代码，随机点名器相关推荐

java随机点名器的思路_Java实现简单的随机点名器
实现思路 1.在存储同学姓名时,如果每一个同学都定义一个变量进行姓名存储,则会出现过多孤立的变量,很难一次性将全部数据持有.此时可以使用数组解决多个数据的存储问题.创建一个可以存储多个同学姓名的数组, ...
html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码
特效描述:随机点名器点击按钮文字随机点名,js特效代码结构 1. HTML代码点名器 *{margin:0;padding:0;list-style-type:none;} a,img{bor ...
Java实现一个简单的随机点名器
废话不多说,大家可以看看代码 import java.awt.BorderLayout; import java.awt.Color; import java.awt.Container; impor ...
【Java】超级简单的随机点名器
本文目录一.创建显示窗口二.添加按钮何显示器 1.在窗口中创建显示器使用`JLabel`创建对象 2.使用`JButton`创建按钮对象,并添加监听器三.通过点击按钮进行随机点名四.源代码一 ...
随机点名器html代码,随机点名器精简html版的讲解
此点名器开始点名后需点击停止按钮完成点名,因为是精简版没有考虑自动停止需求.姓名数据以字符串形式储存,适合小范围点名使用,有大量需求可自己适当改进. 随机点名生成随机点名系统 //实时显示系统时间标 ...
java随机点名器_随机点名器（Java实现、读取txt文件）
标签: 用java编写一个简单的随机点名器(通过读取txt文件实现) 代码如下 package ThirdClass; import java.awt.BorderLayout; import jav ...
【如何编码实现一个随机点名器】
目录随机点名器任务描述运行结果任务目标实现思路实现代码随机点名器任务描述编写一个随机点名器的程序,使其能够在全班同学中随机点中某一名同学的名字,随机点名器具备3个功能,包括存储全班同 ...
js实现简单随机点名器
之前做了js倒计时,现在做一个随机点名器,这个更简单,没什么技术含量,直接上代码: <!DOCTYPE html> <html><head><meta cha ...
简单好用的随机点名器
不知道有没有人和我一样,总觉得学习的过程很枯燥,很难找到成就感.其实没有成就感就是因为自己能力不够,所以才要努力学习.俺现在是一名双非大三的学生,不打算考研.所以即将要面对实习和工作,一想到这,就不由 ...

简单代码，随机点名器

简单代码，随机点名器相关推荐

最新文章

热门文章