请问各位一个关于动画的问题

Question

              img[1].style.opacity = 1;
              img[2].style.opacity = 1;"page_1"
              img[3].style.opacity = 1;

img为通过getelementsbytagname提取出的图片元素，其中为每个元素都添加了transition为2s的标签，可最后没有渐入渐出的效果？
如果这样写图片就会有渐入渐出的效果

            function slideshow(index){
                img[index].style.opacity = 1;//opacityΪ͸Ã÷¶È
              }
              function autoplay(){
                  timer = setInterval(
                    function(){
                        if (num>2) {
                            clearInterval(timer);
                        };
                        num = (num)%img.length;
                        slideshow(num);
                        num++;
                    },0);
            }
            autoplay();

请问这是为什么，个人感觉这两段代码要表达的意思差不多啊