Javascript 使用angularjs在24小时后自动运行弹出窗口

Javascript 使用angularjs在24小时后自动运行弹出窗口,javascript,angularjs,local-storage,Javascript,Angularjs,Local Storage,我有一个带有多个标签的角度模式弹出窗口。我的要求是当用户点击弹出窗口上的“关闭”按钮时,需要将弹出窗口隐藏24小时。下次用户来到该页面时(24小时后),该页面应再次自动弹出。你能告诉我通过使用angularJS和本地存储之类的方式实现这一点的最佳方法吗?任何帮助都将不胜感激 页面加载时弹出窗口打开: $scope.Event.UI.MyModal.Open(); $scope.Active = { Dashboard: true }; 有几种方法可以做到这一点,

我有一个带有多个标签的角度模式弹出窗口。我的要求是当用户点击弹出窗口上的“关闭”按钮时,需要将弹出窗口隐藏24小时。下次用户来到该页面时(24小时后),该页面应再次自动弹出。你能告诉我通过使用angularJS和本地存储之类的方式实现这一点的最佳方法吗?任何帮助都将不胜感激

页面加载时弹出窗口打开:

 $scope.Event.UI.MyModal.Open(); 
 $scope.Active = {
        Dashboard: true
     };

有几种方法可以做到这一点,其中大多数涉及cookies(我认为不需要本地存储):

  • 使用本机javascript获取/设置cookie:

  • 使用angular的$cookie服务读取和写入cookie:(注意,它不允许您设置expiration属性,因此您可以将时间戳放入cookie中并检查时间是否已过)

  • 使用一些角度模块更有效地处理cookie,如下所示:


  • 你已经试过什么了吗?你在哪里卡住了?如果用户能够绕过24小时延迟(例如,使用不同的浏览器/计算机),这是否重要,或者解决方案需要安全吗?@Chris Security不是问题。这只是一个24小时的隐藏弹出窗口。此时,每次用户来到此页面时,此弹出窗口都会显示。这有点烦人。这就是为什么我们需要将此隐藏24小时。如果时间流逝,您能告诉我如何再次触发弹出窗口(在angulajs控制器侧)?@Sampath与您第一次触发它的方式大致相同。。。你能显示你的代码,让我知道你是如何使用弹出窗口的吗?我已经更新了代码。请检查。我需要知道我是否应该使用任何事件侦听器或类似的东西来侦听cookie的值更改或类似的内容?这取决于你的应用程序的使用情况以及你希望24小时的准确性。例如,可以使用$interval每10分钟检查一次