Javascript 如何在网页中的“我的按钮”上突出显示一个小图标，以显示有新的更新？

我目前制作了一个Java web应用程序。它有一个服务器（MyServer）和客户端（网页）。客户端请求MyServer获取一些信息。MyServer现在向Confluence API服务器发出请求，从Confluence空间中最新的Confluence页面获取信息

当我们点击“最新消息”按钮（在我们的客户网站上）——我们合流空间中的最新页面将显示在“最新消息”web小部件中。用户可以单击What's New按钮，此时会显示Confluence页面中最新的页面

我现在想做的是-

每次进行新的更新时（在同一汇流页面中进行更改/或创建新汇流页面），我的“新增内容”按钮上都会显示一个高亮显示的图标。（请在附件中找到所需的示例图片-与任何聊天应用程序一样{Whats应用程序、FbMessanger等收到新消息时}）

一旦我的特定用户看到了新的更新，那个突出显示的小图标就会消失

如果所有登录的用户尚未打开新的更新，则应首次为其显示突出显示的小图标。如果user1打开了它，则该user1的突出显示的小图标应该消失（并且“What's New”按钮应该成为普通的非突出显示按钮），但是，如果user2没有打开它，则该突出显示的小图标应该保留

然后，如果我们在合流页面中做了一个新的更改，而user1还没有看到这个新的更新，那么user1会再次显示一个突出显示的小图标

我该怎么做呢？谢谢你的帮助。

---

关于您的问题的通用解决方案

您需要实现websockets，以便从后端获得类似聊天的实时通知

您可以编写JavaScript代码来针对元素，在本例中是通知图标。 考虑一下它的ID是 隐藏

document.getElementbyId('notifIcon').style.display = 'none'

显示

document.getElementbyId('notifIcon').style.display = 'block'

为了保持它的用户特定性，您可以从数据库模式中获取数据并进行相应的更新

再次使用WebSocket更新数据

嗯，您可能有一个更新的“版本”，因此需要跟踪用户看到的版本。如果要保持体验的一致性，您需要在服务器端存储用户最后查看的版本（cookie可能有效，但只能在同一浏览器中使用），并且如果当前服务器版本比用户最后查看的版本更新，则显示该按钮（如果您有该信息，则可以显示这两个版本之间的所有更改）。要检查新版本，可以使用web套接字/推送消息或定期轮询服务器。