master

分支 (1)

管理

管理

master

1711AReact
/
1711A随机点名表.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    .unsetSomething {
        border: dashed;
        background: grey;
        height: 300px;
        width: 300px;
        line-height: 300px;
        font-size: 66px;
    }
</style>

<body>
    <center>
        <h1 style="font-size: 50px">1711A班随机点名表</h1>
        <div id="C_name" class="unsetSomething"></div>
        <input type="button" id="name" value="开始点名" onclick="check_name()" style="width: 300px;height: 50px;" />
    </center>
</body>
<script>
    function check_class() {
        var arr = Array("张金龙", "段秉君", "李梦雪", "朱增光", "王永豪", "程然", "王迪", "柳旭", "向博", "范俊丹", "檀清华", "王曼", "张志阳", "申柯", "朱恬恬", "张明凯", "杨骐鸣", "张业博", "许金豪", "王晓东", "尹彪彪", "郭振男", "屈娇秀", "吕艳琴", "刘学雷", "盖鑫鑫", "郭峰军", "李俊杰", "谢忠宁", "梁蓓研", "李佳豪", "张艳强", "黄友君", "刘瑞", "弓嗣荣", "鲁明文", "倪聪", "赵胜杰", "姜晓航", "徐朝阳", "刘世奇", "赵勃斌")
        var key = parseInt(Math.random() * arr.length);
        document.getElementById("C_name").innerHTML = arr[key];
    }
    function check_name() {
        var name = document.getElementById("name").value;
        if (name === "开始点名") {
            document.getElementById("name").value = "停止点名";
            // a = setlnterval(check_class(), 10);
            a = setInterval('check_class()', 5);

        } else {
            document.getElementById("name").value = "开始点名";
            clearInterval(a)
        }
    }
</script>

</html>