<html>
<title>
点名了
</title>
<head>
<style type="text/css">
body{
background: #f5faff;
}
.ks{
width: 160px;
line-height: 60px;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:2px 2px 2px #333;
border-radius: 50px;
margin:0 20px 20px 0;
position: relative;
overflow: hidden;
background-color: limegreen;
border:1px solid #d2a000;
box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
}
#nu{
background-color: red;
}
#div1{
font:100px '微软雅黑';
text-align: center;
background-color: gainsboro;
width: 60%;
height: 60%;
margin-bottom:20px;
display:flex;
justify-content:center;
align-items:center;
}
</style>
</head>
<body>
<form>
<div align="center">
<br>
<br>
<input type="button" value="开始" οnclick="students()" class="ks"/>
<script>
var i = 0;
//t用来接收setTimeOut()的返回值
var t;
var st = ['杨志雄','杨啟勇','江萌','余瑛斯娜','余思洁','杨梦圆','段生鑫','尹照元','段馨雨','线风佬','李瑾','王思琦','王继玲','陈子怡','李威','陈欣','克珍妮','卢瑜霖','金戴努','杨涵','杨蕊萁','陈炫含','周彤薇','金艳洁','杨燕秋','许玉芳','冯钰婷','孟喊音','唐泓毅','孟所新','雷景','杨帆','高文水','王珂','杨坚','赵文丽','熊玉坤','赵科浪','殷喊团','杨雪黎','黄健恒','杨潇','陈浩男','凌钟柳','杨启藩','罗胜文','孙苓','贾天骏','李思琦','王宁','杨尔琪','郭真铭','赵兰馨','申丽娟','陈浩文','蒋智星','李永文','段嘉豪'];
var u;
//点名函数
function students()
{
//顺序点名
//if (i < st.length)
//{
// u = st[i];
//}
//else
//{
//点到最后一个就回来重新点起
// i = 0;
// u = st[i];
//}
//i = i + 1;
//随机点名 产生0-数组长度之间的数作为数组下标
var num = Math.floor(Math.random()*st.length);
u = st[num];
//更改文本框显示的value值
document.getElementById("div1").innerHTML = u ;
t = setTimeout("students()", 1);
}
</script>
<input type="button" value="停止" οnclick="stop()" class="ks" id="nu"/>
<script>
//停止点名函数
function stop()
{
clearTimeout(t);
}
</script>
<hr color="blue">
<br>
<div id="div1" align="center">随机点名</div>
</div>
</form>
</body>
</html>
<title>
点名了
</title>
<head>
<style type="text/css">
body{
background: #f5faff;
}
.ks{
width: 160px;
line-height: 60px;
text-align: center;
font-weight: bold;
color: #fff;
text-shadow:2px 2px 2px #333;
border-radius: 50px;
margin:0 20px 20px 0;
position: relative;
overflow: hidden;
background-color: limegreen;
border:1px solid #d2a000;
box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
}
#nu{
background-color: red;
}
#div1{
font:100px '微软雅黑';
text-align: center;
background-color: gainsboro;
width: 60%;
height: 60%;
margin-bottom:20px;
display:flex;
justify-content:center;
align-items:center;
}
</style>
</head>
<body>
<form>
<div align="center">
<br>
<br>
<input type="button" value="开始" οnclick="students()" class="ks"/>
<script>
var i = 0;
//t用来接收setTimeOut()的返回值
var t;
var st = ['杨志雄','杨啟勇','江萌','余瑛斯娜','余思洁','杨梦圆','段生鑫','尹照元','段馨雨','线风佬','李瑾','王思琦','王继玲','陈子怡','李威','陈欣','克珍妮','卢瑜霖','金戴努','杨涵','杨蕊萁','陈炫含','周彤薇','金艳洁','杨燕秋','许玉芳','冯钰婷','孟喊音','唐泓毅','孟所新','雷景','杨帆','高文水','王珂','杨坚','赵文丽','熊玉坤','赵科浪','殷喊团','杨雪黎','黄健恒','杨潇','陈浩男','凌钟柳','杨启藩','罗胜文','孙苓','贾天骏','李思琦','王宁','杨尔琪','郭真铭','赵兰馨','申丽娟','陈浩文','蒋智星','李永文','段嘉豪'];
var u;
//点名函数
function students()
{
//顺序点名
//if (i < st.length)
//{
// u = st[i];
//}
//else
//{
//点到最后一个就回来重新点起
// i = 0;
// u = st[i];
//}
//i = i + 1;
//随机点名 产生0-数组长度之间的数作为数组下标
var num = Math.floor(Math.random()*st.length);
u = st[num];
//更改文本框显示的value值
document.getElementById("div1").innerHTML = u ;
t = setTimeout("students()", 1);
}
</script>
<input type="button" value="停止" οnclick="stop()" class="ks" id="nu"/>
<script>
//停止点名函数
function stop()
{
clearTimeout(t);
}
</script>
<hr color="blue">
<br>
<div id="div1" align="center">随机点名</div>
</div>
</form>
</body>
</html>