변경 CSS 속성 (위치를 왼쪽) 동적으로 setInterval을

Question

에

난 달성하기 위해 노력하고 무엇 :

나는 버튼이 있습니다. 이 버튼을 클릭하면 setInterval이 1 초에 한 번 다른 기능을 실행하도록 설정하는 기능을 실행합니다. 이 함수는 나누기를 왼쪽으로 100 픽셀 이동해야합니다. 실제로 발생하는 어떤

:

디바이더 좌측 픽셀 (100)을 이동하지만, 다음 정지하고 setInterval을 함수에 후속 소성에 이동하지 않는다.

초기 함수 발사 화상 :

<img id="playerimg" src="../../Downloads/1375889362_toggle-right_red.png" alt="" 
width="42" height="42" border="0" onclick="vidgalshow()"/> 

초기화 간격 발사이 함수 내의 문 :

closemaindiv = setInterval("collapser()", 1000); 

및 마지막 애니메이션을 수행해야 collapser 함수 자체 :

document.getElementById("maindiv").style.position = "absolute"; 
document.getElementById("maindiv").style.left = (document.getElementById("maindiv").style.left - 100); 

나는 Interval이 firin 매초마다 경고()가 발생하기 때문에 매초마다. (하지만 상자는 한 번 왼쪽으로 이동 한 다음 다시 이동하지 않습니다 (!)).

여기에 무슨 일이 일어나고 있는지에 대한 아이디어가 있습니까?

Answer 1

난 당신이 차감하기 전에 숫자로 현재 값을 구문 분석 할 필요가 믿는 :

var currentLeft = parseInt(document.getElementById("maindiv").style.left, 10); 
document.getElementById("maindiv").style.left = (currentLeft - 100) + "px"; 

을 또한, 나는 당신이 대신 문자열하여 setInterval로 함수 참조를 통과 추천 :

closemaindiv = setInterval(collapser, 1000);