在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于setInterval在圖片平滑滾動中的性能問題？

關(guān)于setInterval在圖片平滑滾動中的性能問題？

不是輪播，是平滑滾動，已經(jīng)修正問題。

做了一個圖片平滑滾動，發(fā)現(xiàn)這樣性能有問題，很吃cpu。
請問可以怎么優(yōu)化？

<body>
<div class="main">
    <ul id="slide">
        <li><img src="./images/1.jpg" width="100%" height="auto"/></li>
        <li><img src="./images/2.jpg" width="100%" height="auto"/></li>
        <li><img src="./images/3.jpg" width="100%" height="auto"/></li>
        <li><img src="./images/4.jpg" width="100%" height="auto"/></li>
        <li><img src="./images/1.jpg" width="100%" height="auto"/></li>
    </ul>
</div>
<script type="text/javascript">
var slide = document.getElementById("slide");
var scroll_time = null;
var slide_left = 0;
scroll_time = setInterval(autoPlay,10);
function autoPlay(){
    slide_left--;
    slide.style.left = slide_left + "px";
    if(slide_left <= -2400){
        slide_left = 0;
    }
}
slide.onmouseover = function(){
    clearInterval(scroll_time);
}
slide.onmouseout = function(){
    scroll_time = setInterval(autoPlay,10);
}
</script>
</body>
回答
編輯回答
朕略萌

setInterval間隔大一點(diǎn)slide_left-=大一點(diǎn)

2017年2月27日 08:02
編輯回答
扯機(jī)薄

setInterval，你還想怎么優(yōu)化，用setTimeout來代替唄。

2018年6月30日 07:56
編輯回答
雅痞

當(dāng)然用setTimout啊。每一次輪播完了再setTimout

2017年3月13日 06:00