所以，我正在開發一個奇幻游戲 MERN 堆疊應用程式。在這個游戲中，我需要在每天的特定時間隱藏編輯團隊按鈕（每個月的日子之間有間隔）。比如，我需要從下午 6 點到晚上 9 點隱藏“編輯團隊”按鈕（或阻止用戶編輯他/她的團隊），并在 1 月 20 日至 1 月 23 日每天晚上 9 點再次打開它。從 1 月 24 日到 1 月 26 日, 我想在下午 3 點到 5 點鎖定或隱藏編輯按鈕，然后在下午 5 點打開它，然后在下午 6 點到 9 點再次鎖定，然后在晚上 9 點再次打開。然后，從 1 月 27 日起，我想鎖定它只是從下午 6 點到晚上 9 點。這種模式一直持續到二月底。那么，我該如何實施呢？
uj5u.com熱心網友回復：
這可以單獨使用 React 來完成。假設您的按鈕有一個組件，您可以使用>=, <=運算子檢查瀏覽器的時間并在按鈕落在正確范圍內時呈現按鈕。
例如
const Button = () => {
return <>
{
new Date().getDay() >= 20 && new Date().getDay() <= 23 /*Days of mnth*/ &&
new Date().getHours() > 18 && new Date().getHours() < 21 /*Hours*/
&& <button>Edit Team</button>
}
</>
}
但是，這可能會導致欺騙瀏覽器中的時間，因此，您可以配置服務器時間以限制對 node.js 中編輯頁面的訪問。
app.get("/edit-team", (req, res) => {
if (new Date() > new Date('January 23, 2022')) {
res.sendFile('index.html')
}
})
如果這太令人費解，請隨時聯系。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/409209.html
標籤：