如何使用存储在本地存储中的小时和分钟触发警报？答案

【问题标题】：How to trigger an alarm using hours and minutes stored in local storage?如何使用存储在本地存储中的小时和分钟触发警报？
【发布时间】：2018-03-11 23:00:38
【问题描述】：

我有一个网络应用程序，用户可以在其中移动两个滑块（使用离子范围滑块）来更改存储在本地存储中的警报的小时和分钟。

如何操作存储的值来触发现实生活中的闹钟功能？示例：

用户将小时和分钟滑动到 13 小时和 13 分钟。他们按保存。然后在下午 1:13，一个单独的 html 将加载为带有音频的警报屏幕。

下面是我的滑块和本地存储功能的代码笔：

https://codepen.io/anon/pen/LQoqZB

本地存储功能：

(function () { 
 from = 0;
 $to.prop("value", 0);
 if (localStorage.getItem("StoreMinutes"))  {
 $to.prop("value", localStorage.getItem("StoreMinutes"));
 from = $to.prop;
  } 
   })();

【问题讨论】：

您可以使用Notification。是一个向用户桌面显示通知的 javascript API
我能否使用它而不是页面模式加载不同的 HTML？找不到任何有关外部资源的信息。另外，我将如何解析本地存储中的小时和分钟值以在该特定时间触发警报？
关闭设置闹钟的页面后，是否希望脚本继续在后台运行？所以页面不再打开，然后在警报时，会突然打开一个新页面以显示/发出警报？我不确定，但我认为这是不可能的，因为安全问题是为了防止恶意网站在您关闭它们后继续工作。

标签： javascript html local-storage alarm

【解决方案1】：

我通过使用 set interval 检查标题中的时间（显示当前时间）来与闹钟中的值进行比较来完成此操作。当它们相等时，我触发了警报页面显示。希望这会有所帮助

【讨论】：