<style>.x1{width: 50px;height: 50px;background: red;top:50px;left:30px;position: relative;}</style><div id="x" class="x1"></div><script>    var ctx = document.getElementById("x");    var i=50;    function z(){        ctx.style.left = 200+i+"px";        i = i+50;    }    setInterval("z()",1000);</script>上述代碼是一個自動移動div的代碼，我有兩個問題：1、如何將全局變量i變成函數(shù)z的局部變量？2、如果要做出圖片輪播的那種效果，必須使用setInterval來控制移動速度嗎？有沒有別的辦法？謝謝。（p.s 重點(diǎn)是問題1）