>source

그래서 저는 판타지 게임 MERN 스택 애플리케이션을 작업 중입니다. 이 게임에서는 매일 특정 타이밍에 팀 편집 버튼을 숨겨야 합니다(요일 사이에 간격 있음). 예를 들어, 나는 1월 20일부터 1월 23일까지 매일 오후 6시부터 9시까지 '팀 편집' 버튼을 숨겨야 합니다(또는 사용자가 자신의 팀을 편집하지 못하도록 중지). 1월 24일부터 1월 26일까지 매일 오후 9시에 다시 열어야 합니다. , 오후 3시부터 5시까지 편집 버튼을 잠그거나 숨겼다가 오후 5시에 열고 오후 6시부터 9시까지 다시 잠그고 오후 9시에 다시 열고 싶습니다. 그런 다음 1월 27일부터 오후 6시부터 오후 9시까지만 잠그고 싶습니다. 그리고 이 패턴은 2월 말까지 계속됩니다. 그렇다면 어떻게 구현할 수 있습니까?

  • 답변 # 1

    이 작업은 React만 사용하여 수행할 수 있습니다. 버튼에 대한 구성 요소가 있다고 가정하면 브라우저의 시간을 확인하고 다음을 사용하여 올바른 범위에 있을 때 버튼을 렌더링할 수 있습니다.> =, < =운영자.

    예를 들어

    const Button= ()=> {
        return <>        {
             new Date().getDay() >= 20 &amp;
    &amp;
     new Date().getDay() <= 23 /*Days of mnth*/&amp;
    &amp;
             new Date().getHours() > 18 &amp;
    &amp;
     new Date().getHours() < 21 /*Hours*/
           &amp;
    &amp;
     <button>Edit Team</button>        }
        </>}
    

    그러나 이것은 브라우저에서 시간을 위장할 수 있으므로 대신 node.js의 편집 페이지에 대한 액세스를 제한하도록 서버 시간을 구성할 수 있습니다.

    app.get("/edit-team", (req, res)=> {
        if (new Date() > new Date('January 23, 2022')) {
            res.sendFile('index.html')
        }
    })
    

    너무 복잡하면 언제든지 문의하세요.

  • 이전 CSS 루프 애니메이션
  • 다음 javascript : 모든 p5.js 변수를 개체에 할당하시겠습니까?