자바스크립트 animate 효과

jquery 를 이용하면
$(오브젝트).animate(옵션);
으로 쉽게 되지만.. 프레임 으로 되어있는 올드 소스 엔 적용할 수 없다는걸 깨닫고 구굴링 을 통해 찾아낸걸
정리차원 에서 포스팅..

모바일로 작성하는 포스팅 이라 뒤에 세미콜론은 생략
var minInterval = null
var curr = 200
var xsize = 2
var stop = 0

window.min = function() {
  minInterval = setInterval(function() {
      parent.document.getElementById('framebody').cols = curr + ',*'

curr -= xsize

if (curr < stop)
    clearInterval(minInterval)

  },10)
}

window.min

대략설명
최초에 framebody 의 cols 가 200 이었는데
xsize 만큼 그러니까 -2씩 계속 줄여서
stop 값보다 작아지면 로직에서 빠저 나오게 된다.
cols 사이즈에 계속 대입해 주니... 애니메이션 효과 처럼 동작한다.

#자바스크립트
#jquery
#애니메이션