본문 바로가기

Web Dev/Javascript

[Javascript] 코드 작동에 시간 제약을 걸어 둘 수 있는 코드 개발 하기

반응형

저는 흔히 버튼을 a 태그를 사용하여 생성합니다. 

<a id="downloadButton" class="btnNLink2" title="다운로드">다운로드</a>

 jQuery를 사용하여 특정 날짜와 시간 범위를 고려하여 다운로드 버튼을 제어하는 코드입니다. 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/Date

 

Date() 생성자 - JavaScript | MDN

Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX

developer.mozilla.org

 $(document).ready(function() {
    var now = new Date();
    var downloadButton = $("#downloadButton");

    // 시작 날짜와 종료 날짜를 설정합니다.
    var startDate = new Date("2023-10-21T01:00:00"); // 2023-10-21 01:00
    var endDate = new Date("2023-10-22T01:00:00");   // 2023-10-22 01:00

    // 현재 날짜와 시간이 허용 범위 내에 있는지 확인하고 버튼을 활성화 또는 비활성화합니다.
    if (now >= startDate && now <= endDate) {
      downloadButton.attr("href", "javascript:file_download()");
    } else {
      downloadButton.on("click", function(event) {
        event.preventDefault(); // 클릭 이벤트 중지
      });
    }
  });

 

 위의 코드는 특정 날짜와 시간 범위를 설정하여 클릭 이벤트가 시작 날짜와 종료 날짜 사이에 있는 경우에만 다운로드 버튼을 활성화합니다. 시작 날짜와 종료 날짜를 설정하고, 클릭 이벤트를 중지하여 버튼을 클릭해도 아무 동작도 수행되지 않게 만들 수 있습니다. 

 

반응형