CSS, JQuery 를 이용한 텍스트카운터

우연히 파일질라 다운로드 페이지에 갔다가 신기한 카운터를 보았다.
분명 이미지도 아니고 플래시도 아닌데.. 카운터 숫자가 움직인다.

https://www.ohloh.net/p/filezilla/download?filename=FileZilla_3.2.6.1_win32-setup.exe

분석해 보니.. CSS와 JQuery를 이용한 카운터였다.
핵심 소스부분만 발췌하여 기록으로 남긴다.

본문에 삽입된 javascript 소스중에
<script>
..
window.delayed_iframe = "Done"
..
</script>

부분에 'Done'부분을 html 소스로 수정하게 되면 해당 카운팅이 완료되고 실행이 된다.
일반적인 html 코드뿐만 아니라 iframe 등을 삽입하면 다른액션을 수행할 수 있다.

invalid-file