网络通知（javascript）

Question

Q1：如何停止间隔 let intervalId = setInterval(function(){ document.title = document.title == msg ? oldTitle : msg}, 1000);

然后返回原标签标题？ 我试试

if (window.focus()) { clearInterval(intervalId); } 但这不起作用？

Q2 : 如何聚焦窗口中的特定标签，我除了window.focus()还能用什么

Q3 : 在新窗口中打开链接，如果已经打开，则关注它 注意：window.open('').focus() 总是打开新标签，即使已经打开了一个

请提前指教，非常感谢您

Answer 1

所以我假设您想在用户不在窗口中时来回切换不同的标题，然后在用户回来时设置为原始窗口。

对于Q1，我认为你应该听模糊和焦点事件来实现功能。

let intervalId = null;
let original = 'original title';
let newMsg = 'new message';
// clear the timer when the user comes back
window.addEventListener('focus', function() {
  clearInterval(intervalId);
}, false);

// set the timer when the user goes away
window.addEventListener('blur', function() {
  intervalId = setInterval(function() {
    document.title = document.title === original ? newMsg : original;
  }, 1000)
}, false);

`

第二季度，引用MDN

由于用户设置可能会失败，并且在此方法返回之前不能保证窗口位于最前面。

对于Q3，window.open() 也接受windowName 参数，当你打开窗口时你应该给open() 方法赋予相同的窗口名称，这样当同一个窗口打开时，它可以被聚焦.

window.open('url','windowName').focus()

这是一个例子：

window.open('https://www.google.com', 'google-window').focus()