array-homework2

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 隨機(jī)點(diǎn)名系統(tǒng) -->
        <div>
            <h2 id="name">
                
            </h2>
            <button onclick="start()">開始</button>
            <button onclick="end()">結(jié)束</button>
        </div>
        <script src="../day06/js/utils.js"></script>
        <!-- 調(diào)用外部js文件 -->
        <script type="text/javascript">
            // 點(diǎn)擊開始則開始循環(huán),用隨機(jī)數(shù)確定秒數(shù)
            // 用循環(huán)顯示列表中的元素
            // 當(dāng)循環(huán)下標(biāo) == list.length - 1 --->下標(biāo)置零
            let arrayStu = ['王力','楊斌','楊俊明', '李清龍','王志','徐剛','宋劍成','張旭','李德財(cái)','李佳林','馮燚','候泰坤','王梁旭']
            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>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容