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

How to trigger an alarm using hours and minutes stored in local storage?

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

如何操纵存储的值来触发现实生活中的闹钟功能?示例:

用户将小时和分钟滑动到 13 小时 13 分钟。他们按下保存。然后在 1:13pm 将加载一个单独的 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;
  } 
   })();

我通过使用设置间隔来检查 header 中的时间(显示当前时间)以与闹钟中的值进行比较来完成此操作。当它们相等时,我触发警报页面显示。希望这有帮助