<!DOCTYPE html>
<html>
<head>
<title>学生点名系统</title>
<style>
#bord{
width: 200px;
height: 200px;
background: hotpink;
border: 2px solid yellow;
font: 50px/200px "courier new";
color: yellow;
text-align: center;
}
</style>
</head>
<div id="bord"></div>
<input type="button" id="btu" value="点名"></input>
<body>
<script type="text/javascript">
let bord = document.querySelector("#bord")
let btu = document.querySelector("#btu")
let timer = null
let index = ""
let arrayName = ["何洁茹","郝思嘉","王靖鸿","苗源","赖懿",
"蒋南柯","樊叙","王伟","秦令","黄忠"]
let index2 = 0
btu.addEventListener("click",()=>{
if (!index2){
timer = setInterval(()=>{
index = parseInt(Math.random()*10)
bord.textContent = arrayName[index]
console.log(arrayName[index])
},100)
timer
}else {
clearInterval(timer)
}
index2 += 1
index2 %= 2
})
</script>
</body>
</html>
2019-08-24作业
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 小学语文修改病句的方法 修改病句是小学语文考试中常见的题型，在修改病句之前，我们应该清晰的了解有哪些病句现象，下面...
- 此文为原创，如需使用请说明原作者小伙伴们有没有在做项目时遇到一些时间格式转化的问题呢？ 楼主来到新公司发现后台的小...
- CSS文件编辑京东登录界面 html文件 CSS文件 其中html文件为整体的div框架，css文件为各个div的...
