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

Question

我正在开发一款能够持续动画的应用，就像实时显示加载动画条一样。

动画步骤：

1. div框将显示带图像的加载动画栏
2. 完成加载后，它将更改图像。
3. 下一步是再次显示加载动画栏。等到它完成。
4. 加载完成后，它将更改图像并显示加载动画栏 试。

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

我在PubNub中阅读了文档，但似乎我们需要用户交互才能更改网站上的显示。但就我而言，没有用户互动。

如何实施此类应用？

这可以在pubnub中使用吗？

Answer 1

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);