我想创建一个网站，每隔n小时给饮用水警报，我如何得到一个警报，即使用户切换标签?

Question

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

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

Answer 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);
});