html输入多行名字却无法运行

img


我们在做一个学校点名系统
car arr=(这里只能输入12个名字，一旦超过12个名字就会无法运行，请各位大神解释一下)

f12打开调试页面，查看控制台是否有报错。

看代码应该没什么问题，按F12看看报错信息是什么。

试了一下，没什么问题啊，你看看是你的stop函数有问题吗

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="”content”">
        <span id="span1">点名系统</span>
        <button id="btn1">开始点名</button>
    </div>
    <script>
        var arr = ['刘福川', '赵佳', '王果', '伏海虹', '陈东方', '刘鹏', '邓智梅', '王悦', '杜振坤', '王丹', '何英','刘福川', '赵佳', '王果', '伏海虹', '陈东方', '刘鹏', '邓智梅', '王悦', '杜振坤', '王丹', '何英']
        var $btn1 = document.getElementById('btn1')
        var $content = document.getElementById('content')
        var $span1 = document.getElementById('span1')
        var timer = null//计时器
        var testNum = true;
        var num=0
        $btn1.onclick = function () {
            if (testNum) {
                start()
                $btn1.innerHTML = '停止点名'
                testNum = false
            } else {
                stop()
                $btn1.innerHTML = '开始点名';
                testNum = true;
            }
            function start() {
                timer = setInterval(function () {
                    num = random(0, arr.length - 1)
                    $span1.innerHTML = arr[num]+ '  '+num
                }, 300)
            }
            function stop(){
                clearInterval(timer)
                timer=null
            }
        }
        function random(min,max){
            return parseInt(Math.random()*(max-min+1)+min)
        }
    </script>
</body>
</html>

```