Javascript 定时幻灯片的语句问题。

Question

<script>
    var arr =new Array();
    arr[0] = "imgs/1.jpg";
    arr[1] = "imgs/2.jpg";
    arr[2] = "imgs/3.jpg";
    arr[3] = "imgs/4.jpg";
    var num = 0;
    var imgid = document.getElementById("lb");
    
    function lb(){
        
        if(num == arr.length-1){
            num = 0;    
        }else{
            num++;
            imgid.setAttribute("src",arr[num]);    
        }
    }
    
    setInterval(lb,3000)
</script>

我像上面这样把var imgid = document.getElementById("lb");放在函数外面幻灯片就没用，不会定时切换，可是把var imgid = document.getElementById("lb");放在函数里面，就有用了，初学javascript,这是为什么呢？ 函数内不是可以调用全局的变量吗？

Answer 1

其实并没有发现错误。。以下代码可以成功运行。

<script>
    var arr =new Array();
    arr[0] = "../tiny heart/src/babyFade16.png";
    arr[1] = "../tiny heart/src/babyFade17.png";
    arr[2] = "../tiny heart/src/babyFade18.png";
    arr[3] = "../tiny heart/src/babyFade19.png";
    var num = 0;
    var imgid = document.getElementById("lb");
    
    function lb(){
        
        if(num == arr.length-1){
            num = 0;    
        }else{
            num++;
            imgid.setAttribute("src",arr[num]);    
        }
    }
    
    setInterval(lb,3000);
</script>    

Answer 2

imgid放在里面还是外面没有关系的