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

Automatically run popup after 24 hours with angularjs

本文关键字:运行 窗口 angularjs 小时 使用      更新时间:2023-09-26

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

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

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

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

  1. 使用本机JavaScript获取/设置cookie:https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

  2. 使用 Angular 的 $cookie 服务读取和写入 cookie:https://code.angularjs.org/1.3.14/docs/api/ngCookies/service/$cookies(请注意,它不允许您设置过期属性,因此您可以将时间戳放在 cookie 中并检查时间是否已过去)

  3. 使用一些角度模块来处理cookie更有用,如下所示:https://github.com/ivpusic/angular-cookie