반응형 setInterval5 ajax 이용 주기적으로 데이터 내용 받아서 처리하기 jQuery ajax 이용하여 특정 url의 데이터 내용을 주기적으로 받아서 처리 jQuery setInterval 함수를 이용하여 시간주기를 설정합니다. (setInterval 관련 설명 바로가기)아래 예제에서는 30초에 한번씩으로 설정하였습니다.ajax 를 이용하여 해당 url을 설정하여 받아옵니다.받아온 내용은 html 변수를 통해 넘겨받습니다.html 로 넘겨받은 내용을 적당한 처리를 합니다. [참조할 예제]$(function() {timer = setInterval( function () {//----------------------------------------------------------------------------------$.ajax ({"url" : "[받아올 내용이 있는 URL]", //.. 2012. 8. 21. clearInterval 함수를 이용한 타이머 사용 자바스크립트 자바스크립트에서 실행중인 타이머의 중단 (clearInterval) clearInterval setInterval 함수로 시작된 타이머의 실행을 중단시킬 때 사용됩니다. 사용예 (1) 에서 시작한 타이머 t 를 (2)에서 중단시키는 예제입니다. 좀더 설명드리자면, 1초마다 mmm 함수가 수행되어집니다. 수행결과로 txt_temp 의 값이 1씩 증가하게 됩니다. txt_temp 의 값이 20에 도달하면 타이머의 실행을 중단시킵니다. 결과로, txt_temp 의 값은 1에서 20까지 증가하다가 20에서 멈추게 됩니다. 2012. 8. 15. setInterval 타이머의 사용 자바스크립트 자바스트립트에서 setInterval 함수를 이용한 타이머의 활용 프로그램을 작성할 경우 타이머가 사용되어지는 빈도는 매우 높습니다. setInterval과 유사한 setTimeout 를 이용하여 타이머를 사용하는 내용에 대해 지난번에 포스팅했습니다. (setTimeout 보러가기) 이번 포스팅은 setInterval에 대한 내용입니다. setInterval 함수 사용형식 t = setInterval(mmm, 1000); // 1000 = 1초입니다. function mmm() { 실행할 명령들 ~; } 위 형식으로 사용하면 1초마다 mmm 함수가 호출되어 실행되어집니다. setInterval 함수의 사용예제 위 예제는 아래와 같은 화면이 나타나며, 숫자가 1에서 시작하여 1초에 1씩 계속 증가합니다. .. 2012. 8. 15. setTimeout 타이머의 사용 자바스크립트 자바스크립트에서 setTimeout 함수를 이용한 타이머의 사용 일정시간이 지난 후에 어떤 명령이 수행되도록 해야하는 경우가 있습니다. 일정시간마다 어떤 명령을 반복해서 수행되도록 해야하는 경우도 있는데 이때는 setInterval 함수를 사용하면 됩니다. setInterval 함수는 다음 포스팅에서 설명을 드리고 이번 포스팅에서는 setTimeout를 설명드리겠습니다. 버튼을 클릭했을 때, 바로 결과가 나타나지 않고 1초 또는 10초 후에 나타나도록 하고 싶을 때는 어떻게 할까요? setTimeout 함수를 사용하면 됩니다. 형식 ret = setTimeout(exe_func, mSec); // mSec 는 1/1000입니다. 즉 1000으로 지정하면 1초입니다. 10초는 10000 입니다. 예제 t1.. 2012. 8. 12. 자바스크립트 내용에 따라 iframe 크기 자동 조절(자동 조정) - 두번째 동적으로 변경되는 내용을 가진 iframe의 크기를 실시간으로 자동 조정하기(조절하기)자바스크립트를 이용하여 iframe의 크기를 자동 조절하는 내용을 포스팅한 적이 있습니다.지금 설명드릴 내용은 지난번 포스팅 한 내용과 조금 다릅니다.물론, iframe의 크기를 자동으로 조절 또는 조정한다는 내용은 똑같습니다.이런 경우가 있습니다.iframe 내에 게시판을 넣고 싶을 때, iframe내에서 뭔가를 입력받아 iframe에 다시 보여주고 싶은데, iframe 밖의 내용은 리로드(reload)되거나 리플레쉬(refresh) 되지 않기를 바랄때~지난번 포스팅 한 내용은 페이지의 로딩이 완료된 시점에서 iframe의 크기를 자동으로 변경하여 줍니다. 한번 로딩에 한번만 작동됩니다.그래서, iframe의 내용이 .. 2012. 7. 20. 이전 1 다음 반응형
