일 시 분 초로 남은 시간을 알려주고 시간이 다되면 사용자 스크립트를 실행하는 자바스크립트 소스입니다.

 

# 예제 소스

<script language='javascript'>
function Display(min,sec) {
 var disp;
 if( min <= 9 ) disp=" 0";
 else disp=" ";

 if( min >= 60 ) {
  hour = parseInt( min / 60 );

  if( hour >=24 ) {
    day = parseInt( hour / 24 );
    disp += day + "일 :" + ( hour % 24 ) + "시간 :" + parseInt( min % 60 ) + "분 :";
  }
  else {
    disp +=  hour + "시간 :" + parseInt( min % 60 ) + "분 :";
  }
 }
 else {
  disp += min + "분 :";
 }

 if( sec <= 9 ) disp += "0" + sec + "초";
 else disp += sec + "초";

 return(disp);
}

 

function Tcounter(timegap) {
 csec1j = timegap % 60;
 cmin1j = ( timegap - csec1j ) / 60;
 TcounterZero();
}

function TcounterZero() {
 csec1j--;

 if(csec1j == -1) {
  csec1j = 59;
  cmin1j--;
 }

 document.all.timeview.value = Display( cmin1j, csec1j );

 if( ( cmin1j == 0 ) && ( csec1j == 0 ) ) {

  alert("카운터완료! 네이버로 이동합니다."); //남은 시간이 0 이 되었을때 처리부분
  location.href="http://www.naver.com"; //남은 시간이 0 이 되었을때 처리부분

 }
 else{
  Tcounter = setTimeout( "TcounterZero()", 1000 );
 }
}

</script>

 

<input type='text' name='timeview' readonly>
<script language="javascript">Tcounter(60);</script> //초단위로 입력합니다.

 

60 //1분
3600 //1시간
86400 //1일

 

'html, script' 카테고리의 다른 글

특수문자모음  (0) 2017.04.14
링크 스타일 효과 link style  (0) 2017.04.14
input style 옵션  (0) 2017.04.13
자주 쓰는 유용함 함수 스크립트라이브러리  (0) 2017.04.13
전체 선택/취소  (0) 2017.04.12




+ Recent posts