不是輪播,是平滑滾動(dòng),已經(jīng)修正問題。做了一個(gè)圖片平滑滾動(dòng),發(fā)現(xiàn)這樣性能有問題,很吃cpu。請(qǐng)問可以怎么優(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>
關(guān)于setInterval在圖片平滑滾動(dòng)中的性能問題?
不負(fù)相思意
2019-02-21 18:15:56