프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[소스] 타이머 5초뒤에 함수 실행

2007.03.02
북마크 작성자 정보
현재 시간을 조사하고 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>
 
 

다운로드 : https://relation-co-kr.tistory.com/18

이 포스트 공유하기

전체목록