前台计时器停止时发送通知

<script>
  // 检查浏览器是否支持Web Notification API
  if ("Notification" in window) {
    // 请求用户授权显示通知
    Notification.requestPermission().then(function (permission) {
      if (permission === "granted") {
        console.log("用户已授权显示通知");
      }
    });
  }
</script>

// 假设计时器停止时触发了一个名为stopTimer的事件
document.addEventListener("stopTimer", function () {
  // 检查浏览器是否支持Web Notification API
  if ("Notification" in window) {
    // 检查用户是否已授权显示通知
    if (Notification.permission === "granted") {
      // 创建通知对象
      var notification = new Notification("计时器已停止", {
        body: "计时器已停止运行，请注意处理。",
        icon: "notification-icon.png" // 通知图标
      });

      // 点击通知时的回调函数
      notification.onclick = function () {
        // 点击通知后的操作，比如打开相关页面或执行其他操作
        window.location.href = "https://example.com";
      };
    }
  }
});