循环里的计时操作为什么没有全部运行

Question

var text = new Array();  
text[0]="哈哈5";  
text[1]="哈哈4";  
text[2]="哈哈3";  
text[3]="哈哈2";  
text[4]="哈哈1";  
var num=4;
function show(){show2(num);
num--;
setInterval(function(){show()},3000); }
function show2(num){document.getElementById("qu").innerHTML = text[num];}

为毛只出现哈哈124？我的哈哈35咧？最后那个undefined是怎么来的？！求大神拯救

Answer 1

你的num不是一直-1，那不是num变为-1的时候在取text的值就是undefined了

setInterval是一直执行的计时器，里面有执行show导致启动了多个计时器叠加了，放外面来

 <div id="qu"></div>
<script>
    var text = new Array();
    text[0] = "哈哈5";
    text[1] = "哈哈4";
    text[2] = "哈哈3";
    text[3] = "哈哈2";
    text[4] = "哈哈1";
    var num = 4;
    function show() {
        show2(num);
        num--;
        if(num<0)clearInterval(timer)//已经小于数组下标，停止计时器
        ///setInterval(function () { show() }, 3000);
    }
    var timer=setInterval(function () { show() }, 3000);//////////
    function show2(num) { document.getElementById("qu").innerHTML += text[num] + '<br>'; }

</script>