Script 몇 초 후 실행

IT깡패's의 코딩스토리&게임&취미

  • 태그
  • 방명록


IT 관련,,/중요문자 적어두기

IT깡패's 2021. 11. 22. 11:26

728x90

반응형

SMALL

SetTimeout('call()', 1000);
SetTimeout('call()', 10000);
SetTimeout('call()', 30000);
SetTimeout('call()', 60000);
SetTimeout('call()', 360000);

call()함수를 1초, 10초, 30초, 1분, 1시간이 지나면 실행!!

- 참고 링크 


자바스크립트 setTimeout실행시키기 - https://squll1.tistory.com/entry/javascript-setTimeout-%EB%AA%87%EC%B4%88%ED%9B%84%EC%97%90-%ED%95%A8%EC%88%98-%EC%8B%A4%ED%96%89

[javascript] setTimeout 몇초후에 함수 실행

setTimeout('test()',1000); test()함수 1초후에 실행

squll1.tistory.com

Script 몇 초 후 실행

728x90

반응형

LIST

저작자표시 비영리 동일조건

'IT 관련,, > 중요문자 적어두기' 카테고리의 다른 글

[WEB/파이썬]웹 스크래핑 이야기!!  (0)2022.07.20
[html5/css] html5에서 br clear="all"을 쓴다는 것은!!  (0)2022.06.05
[WEB/Eclipse] The project cannot be built until build path errors are resolved 에러 해결하기!!!  (0)2021.07.28
[eGov/Eclipse]Eclipse 프로젝트 Import 시 Lib가 Build Path에 적용안되는 경우!!  (0)2021.07.28
[WEB/PHP] 이클립스 PHP 파일 인코딩 바꾸기!!  (0)2021.07.10

태그

IT 인터넷, JavaScript, javascript setTimeout or setInterval, javascript 시간설정, setTimeout, web, 개발, 자바스크립트, 자바스크립트 setTimeout, 자바스크립트 시간함수주기

  • [WEB/파이썬]웹 스크래핑 이야기!!
  • [html5/css] html5에서 br clear="all"을 쓴다는 것은!!
  • [WEB/Eclipse] The project cannot be built until build path errors are resolved 에러 해결하기!!!
  • [eGov/Eclipse]Eclipse 프로젝트 Import 시 Lib가 Build Path에 적용안되는 경우!!

    Secret

    댓글


    Script 몇 초 후 실행

    1. setTimeout()

    일정 시간 후에 특정 코드, 함수를 지연한 후 실행하고 싶을 때 사용하는 함수이다.

    setTimeout(function() { 
    // 코드 작성
    }, delay);

    setTimeout() 함수의 내부에 작성한 코드는 콜백함수로 지연시간 뒤에 실행될 코드를 작성한다.

    또한, delay는 지연시간으로 밀리세컨드 단위로 설정한다.

    setTimeout 함수는 보편적으로 사용되는 함수이지만 특히 아래 상황에서 많이 사용된다.

    • 접속 후 몇 초 후에 팝업 또는 배너창 띄우기
    • 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행
    • 검색창 또는 일부 섹션 몇 초 뒤에 사라질 경우
    • 방문자 접속 후 20-30초가 지난 뒤 메일 구독을 신청하는 팝업창을 띄울 경우

    setTimeout()는 일정시간 후 한번만 호출되지만 반복적으로 실행되기 원할땐 setInterval()를 사용한다.

    2. clearTimeout() 

    clearTimeout()를 이용하면 setTimeout(), setInterval()로 실행되는 함수를 해제, 종료할 수 있다.

    var myTimer = setTimeout(function() {
    //코드작성
    }, 3000);
    
    clearTimeout(myTimer);

    #참고사이트

    https://developer.mozilla.org/ko/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout

    https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearTimeout

    함수 설명

    - setTimeout 함수는 timeLimit 시간 후에 func 함수를 호출합니다. 

    함수 원형

    - timerID setTimeout ( func, timeLimit )

    함수 인자 및 리턴

    - func : 지정된 시간이 지난 후에 실행될 명령이나 함수 

    - timeLimit : 지정된 시간. 밀리초 단위 (1000 == 1초)

    - return : timer ID가 리턴된다. 

    * 예제 코드 

    <script language="javascript>

    <!-- 

    function test( )

    setTimeout("test()", 1000);

    document.forms[0].elements[0].value = new Date();

    }

    //->
     

    </script>

    <body>
     

    <form>

    <input type="text" size"25">

    </form>

    <script language="javascript">

    test();

    </script>

    </body>