안녕하세요 형님들?
저는 자바스크립트를 막 배우기 시작한 자린입니다.
버튼을 누르면 이미지를 점점 줄이다가 멈추는 코드를 작성하고 싶은데요
제가 시도한 코드
<img src="..." id="target">
<input type="button" ="Start();">
...
function Resize(){
var target = document.getElemnetById("targret");
target.width = target.width * 0.99999;
}
function Start(){
// 1번째 시도
for(var i=0; i < 10; i++)
setTimeout(Resize, 100);
//2번째 시도
var timer = setInterval(Resize, 100);
setTimeout(clearInterval(timer), 1000);
}
첫번째는 줄긴 줄어드는데 10번이 한번에 팍 줄고요
두번째는 그냥 안됩니다 ㅠㅠ
자고수님들 저에게 해답을 알려주세연...
저는 자바스크립트를 막 배우기 시작한 자린입니다.
버튼을 누르면 이미지를 점점 줄이다가 멈추는 코드를 작성하고 싶은데요
제가 시도한 코드
<img src="..." id="target">
<input type="button" ="Start();">
...
function Resize(){
var target = document.getElemnetById("targret");
target.width = target.width * 0.99999;
}
function Start(){
// 1번째 시도
for(var i=0; i < 10; i++)
setTimeout(Resize, 100);
//2번째 시도
var timer = setInterval(Resize, 100);
setTimeout(clearInterval(timer), 1000);
}
첫번째는 줄긴 줄어드는데 10번이 한번에 팍 줄고요
두번째는 그냥 안됩니다 ㅠㅠ
자고수님들 저에게 해답을 알려주세연...
버튼 부분에 온클릭 검열된 것 같네유 on.click 있습니다
첫번째서 셋타임아웃이 비동기라서 그럼 ㅇㅇ - dc App
비동기 이벤트큐 검색해보삼 - dc App
답변 감사합니다!! 제가 많이 부족해서 동기 처리 방법을 봐도 잘 이해가 안되는데 혹시 이 문제의 해결책을 간단하게나마 알 수 있을까요??