무료홈페이지소스/자바스크립트 제이쿼리 소스

타이머 5초뒤에 함수 실행

relation-co-kr 2025. 4. 10. 11:39

현재 시간을 조사하고 5초 뒤에 function 함수 실행.

<SCRIPT>
  window.onload = () => {
    startTime();
  }

  function startTime(){
    var time= new Date();
    hours= time.getHours();
    mins= time.getMinutes();
    secs= time.getSeconds();
    startTime= hours*3600+mins*60+secs;  //시간(hours*3600),분(mins*60),초 를 초로 환산하는 수식
    closeTime = startTime + 5; //startTime + 5 = 종료시간
    document.querySelector(".closetime").innerText = "Start Time : "+hours+" : "+mins+" : "+secs+" : ( closeTime : "+closeTime+")";
    Timer();
  }

  function Timer(){
    var time= new Date();
    hours= time.getHours();
    mins= time.getMinutes();
    secs= time.getSeconds();
    curTime=hours*3600+mins*60+secs
    if (curTime>=closeTime){
      console.log("function_start!!");  //함수 실행
    }else{
      window.setTimeout("Timer()",1000);
      document.querySelector(".timer").innerText = "Timer : "+hours+" : "+mins+" : "+secs+" : ("+curTime+")";
    }
  }
</SCRIPT>

 

index.html
0.00MB