2019-08-24作业

<!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作业

推荐阅读更多精彩内容
