Question

我试图在周日只显示一个模态。然后我试图让用户只提交一次表格，直到下个星期天。所以我这个只在周日展示元素：

    function test(){
     var rightNow = new Date();
     var day = rightNow.getDay();
     var Sunday = (day == 0);
     if(Sunday){
       document.querySelector('.modal-wrapper').style.display = 'block';
     } else {
       document.querySelector('.modal-wrapper').style.display = 'none';
     }
   }

但是，我很好奇是否有一些我可以编写的代码，如果在模态内的表单上按下“提交”按钮，则不要让模态显示。类似的东西：

if(submit === pushed) {
 //hide modal again until next Sunday
}

我确信这对大多数stackoverflow dev领主都是一个愚蠢的问题，但是一些帮助会非常感激。即使被指出正确的资源或研究技术也会很棒。感谢。

Answer 1

您可以使用localStorage存储有关按下按钮的一些信息。 https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

然后您可以从localStorage获取项目并检查是否存储了您的值。因此，您将能够知道是否有人点击了此按钮。但只有在localStorage被清除之前，这些信息才是可靠的。

Answer 2

看起来你正试图在DOM中完全做到这一点，但我认为更好的解决方案是将信息存储在用户的数据库记录中。（假设您有一个存储用户信息的数据库）

在Users表中为“Button Click”添加一个布尔值。当用户点击该按钮时，请将状态更改为TRUE，并将其每周重置为FALSE。

如果TRUE，则不显示模态。

提交表格一段时间后隐藏表格一定天数？

2 个答案: