邏輯有問題啊，在wrap.innerHTML = '<p id="content">'+array[index++]+'</p>';行上打個斷點你就看到了，想實現這個效果你加個css3動畫就行了
再加個定時器也可以，只不過這樣太耗性能

  function animation(){        var array=['111111111111111111','2222222222222222222','33333333333333333'];        var index=0;
        setInterval(function(){            var wrap = document.getElementById('wrap');           
         var content = document.getElementById('content');
            content.style.marginTop = -40+'px';
            setTimeout(function(){
                wrap.innerHTML = '<p id="content">'+array[index++]+'</p>';                if(index == array.length){
                    index = 0;
                }
            },1000)

        },2000);
    }