Javascript 如何在Pubnub实时系统中实现无用户交互的连续动画

我正在开发一个应用程序，它会像实时显示加载的动画条一样不断地制作动画

动画步骤：

div框将显示带有图像的加载动画条

加载完成后，它将更改图像

下一步是再次显示加载动画栏。等到它完成

加载完成后，它将更改图像并显示加载动画栏 再说一遍

以上步骤将持续处理，无需用户交互。只有加载动画将处理所有更改

我阅读了PubNub中的文档，但似乎我们需要一个用户交互来更改网站上的显示。但在我的例子中，没有用户交互

我如何实现这种应用程序

---

这在pubnub中可能吗

PubNub发送和接收消息不需要用户交互。您需要的是加载动画条完成加载时调用的某种函数。加载条完成加载后，调用如下函数：

var UniqueID = PubNub.generateUUID(); //Generate a unique id for user
pubnub.publish(
    {
        message: {
            uuid: UniqueID,
            finishedLoading: true
        },
        channel: 'testChannel',
        sendByPost: false, // true to send via posts
    });

请记住，您必须导入PubNub SDK，还必须具有订阅功能。当您创建代码来接收消息时，它将如下所示：

window.listener = {
    status: function(statusEvent) {

    },
    message: function(messageEvent) {
        if(messageEvent.message.finishedLoading === true) {
           // Run your picture creation and new loading bar creation code here
        }
    } 
pubnub.addListener(listener);

---

谢谢你的精彩回复。但是我认为你错过了一件事。我的意思是加载条需要是实时的。我在想，我们需要在服务器上开发一个服务器端拍卖过程。此过程将启动拍卖和加载栏。当我们想要启动这个过程时，它的所有数据都将使用pubnub api广播给最终用户。这在pubnub中是可能的，因为pubnub将实时更新每个人的进度。你也可以这样做，但是我没有代码交给你。只需在每个拍卖过程中发送一条发布消息。但我想我需要将其放在我自己的服务器上，而不是放在pubhub上。这里已经有人回答了这个问题。让我知道你的想法。你已经在很多地方发布了这个问题。两次堆叠溢出，这是禁止的。我想这就是为什么你的另一个帖子被否决了（虽然不是我）。我们还拿到了你的私人支持票。一旦你的问题在一个地方得到解决/回答，请帮我们一个忙，并在你发布的任何地方更新。