[javascript] 특정시간에만 함수 실행


특정시간에만 팝업을 띄우려면??
특정시간에만 로그인을 막으려면??

특정시간에만 할일은 의외로 참 많다.

방법?

딱히 없다.
현재시간 구해서 시작시간, 종료시간 사이에 있을때 시작하는 수밖엔.
if((현재시간 > 시작시간) && (현재시간 < 종료시간)){
   ..
   팝업노출();
   공사페이지 리다이렉트();
   기타등등();
   ..
}


자바스크립트로 작성하면 다음과 같다.
var startdate = "2014012008";  
var enddate = "2014012418";   
         
var now = new Date();   //현재시간
         
year = now.getFullYear();   //현재시간 중 4자리 연도
month = now.getMonth()+1;   //현재시간 중 달. 달은 0부터 시작하기 때문에 +1 
if((month+"").length < 2){
    month="0"+month;   //달의 숫자가 1자리면 앞에 0을 붙임.
}
date = now.getDate();      //현재 시간 중 날짜.
if((date+"").length < 2){
    date="0"+date;      
}
hour = now.getHours();   //현재 시간 중 시간.
if((hour+"").length < 2){
hour="0"+hour;      
}
today = year + "" + month + "" + date+ "" +hour;      //오늘 날짜 완성.
// 시간비교
if ((eval(today) > eval(startdate)) && ((eval(today) < eval(enddate))))  {  
     function1();
     function2();
}

자바로 하면 이렇게
String sCurTime = null;
String sMinTime = "20131026233000";
String sMaxTime = "20131027181818";
String sTime = "";
    
sCurTime = new java.text.SimpleDateFormat("yyyyMMddHHmmss", java.util.Locale.KOREA).format(new java.util.Date());
    
if (sCurTime.compareTo(sMinTime) >= 0 && sCurTime.compareTo(sMaxTime) < 0) {
        function1();
      function2();
}
// 보통 화면단에서 처리하려면 if문 사이에 flag를 하나 지정하고 스크립트 딴에서 그때그때 스크립틀릿<%%> 열어서 사용하면 좋다. 물론 소스는 지저분해지겠지만 ^^;

javascript보다는 java버전을 권유한다.
javascript는 클라이언트 브라우져의 시간이고,
java는 서버시간일 테니깐,


사실 이건 어떻게 보면 cron으로 해결 할 수 있다.
라이브러리가 혹시나 있을까 해서 찾아봤는데
cron기능 해주는 플러그인이 있다.
jquery에는 역시 없는게 없나부다...

useGentleSelect

Tells the plugin to use gentleSelect to show dropdown options instead of the default select inputs.
$('#example1').cron({
    initial: "42 3 * * 5",
    onChange: function() {
        $('#example1-val').text($(this).cron("value"));
    },
    useGentleSelect: true // default: false
});

http://shawnchin.github.io/jquery-cron/#intro

댓글

  1. 작성자가 댓글을 삭제했습니다.

    답글삭제
  2. 해당시간에만 팝업창을 띄우게 하려면 어떤식으로 해야할까요..ㅠㅠ?

    답글삭제
  3. var startdate = "2015122401";
    var enddate = "2015122415";

    var now = new Date(); //현재시간

    year = now.getFullYear(); //현재시간 중 4자리 연도
    month = now.getMonth()+1; //현재시간 중 달. 달은 0부터 시작하기 때문에 +1
    if((month+"").length < 2){
    month="0"+month; //달의 숫자가 1자리면 앞에 0을 붙임.
    }
    date = now.getDate(); //현재 시간 중 날짜.
    if((date+"").length < 2){
    date="0"+date;
    }
    hour = now.getHours(); //현재 시간 중 시간.
    if((hour+"").length < 2){
    hour="0"+hour;
    }
    today = year + "" + month + "" + date+ "" +hour; //오늘 날짜 완성.
    // 시간비교
    if ((eval(today) > eval(startdate)) && ((eval(today) < eval(enddate)))) {

    $('.popup.popup800');

    }
    이런식으로 했는데..

    답글삭제
    답글
    1. 적어주신 코드가지고 해봤는데, 정상적으로 잘되는것 같아요.
      이 링크가서 보시면 확인가능하세요. https://jsfiddle.net/qn7w8n6a/

      다만 javascript는 클라이언트 언어이기 때문에,
      서버시간하고 다를수있으니, 그부분은 유의하셔야해요.

      $('.popup.popup800'); 대신에 console.log나 alert 띄우셔서 제대로 들어오는지 확인해보시고,
      안되시면 이부분 소스코드에서 제대로 동작이 되지 않았을 듯 합니다.

      삭제

댓글 쓰기

이 블로그의 인기 게시물

[spring] log4j 설정 및 사용법

[linux] 백그라운드 작업 nohup [xxx.sh] &

[spring] 인터셉터 와 필터