array-homework2

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 随机点名系统 -->
        <div>
            <h2 id="name">
                
            </h2>
            <button onclick="start()">开始</button>
            <button onclick="end()">结束</button>
        </div>
        <script src="../day06/js/utils.js"></script>
        <!-- 调用外部js文件 -->
        <script type="text/javascript">
            // 点击开始则开始循环,用随机数确定秒数
            // 用循环显示列表中的元素
            // 当循环下标 == list.length - 1 --->下标置零
            let arrayStu = ['王力','杨斌','杨俊明', '李清龙','王志','徐刚','宋剑成','张旭','李德财','李佳林','冯燚','候泰坤','王梁旭']
            let name = document.querySelector('#name')
            result = arrayStu[0]
            name.textContent = result
            
            function start(){
                // let time = (parseInt(Math.random() * 15) + 1) * 1000
                // console.log(time)
                let i = arrayStu.length - 1
                
                let interval = setInterval(function(){
                    // time -= 100
                    // if(time == 0){
                    //  clearInterval(interval)
                    // }
                    let result = arrayStu[i]
                    name.textContent = result
                    // 
                    i -= 1
                    if(i == 0){
                        i = arrayStu.length - 1
                    }
                }, 1)
                
                window.interval = interval
            }
            
            function end(){
                clearInterval(interval)
            }
            
            // window.moveTo(500,500)
        </script>
        
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容