js实现页面title闪烁

这篇文章发表于 2022年12月22日,星期四,22:04

在页面收到消息之后需要通过titile闪烁的方式来提示用户,可以通过js来实现

class MessageNotice { timer = undefined; title = document.title; count = 0; show() { this.timer = setInterval(() => { // 偶数显示提示 if (this.count % 2 === 0) { document.title = "【新消息】" + this.title; } else { document.title = "【 】" + this.title; } this.count++; }, 500) } stop() { if (this.timer) { clearInterval(this.timer ); this.timer = null; this.count = 0; document.title = this.title; } } } const messageNotice = new MessageNotice(); // 开始执行 messageNotice.show(); // 停止 //messageNotice.stop();
关于博主: 评论和私信会在第一时间回复
版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!