我希望创建一个网站，每 n 小时发出一次喝水提醒，即使用户要切换选项卡，我如何获得提醒以显示？

【问题标题】：I wish to create a website that gives alerts to drink water every n hours, how do I get an alert to show even if the user were to switch tabs?我希望创建一个网站，每 n 小时发出一次喝水提醒，即使用户要切换选项卡，我如何获得提醒以显示？
【发布时间】：2022-11-23 02:43:19
【问题描述】：

以下是我尝试测试的方法，但我面临的主要问题是，如果切换选项卡，警报将不再出现，如果重新打开选项卡，排队的警报将一起出现。

$(".button5sec").click(function()
{
  setInterval(function(){alert("drink water bro!")}, 5000);
});

【问题讨论】：

这行不通。
您只能通过成熟的应用程序来做到这一点

标签： javascript html web

【解决方案1】：

您可能可以使用桌面通知 API。

https://developer.mozilla.org/en-US/docs/Web/API/notification

这样的事情应该工作

function showNotification() {
  const notification = new Notification("Drink water", {
    body: "Don't forget to drink water"
  })
}

if (Notification.permission === 'granted') {
} else if (Notification.permission !== 'denied') {
  Notification.requestPermission();
}

$(".button5sec").click(function()
{
  setInterval(function(){showNotification()}, 5000);
});

【讨论】：