如何创建消息队列？

Question

我想要显示一些小消息，以便在用户提供输入或仅与UI交互时向用户提供反馈。

我的firefox插件需要它，所以我必须用普通的javascript而不是jQuery来开发它。

我希望消息出现，但同时只有一条消息可见，因此我需要某种队列来管理传入消息。在一段时间后，例如3秒，消息应该会逐渐消失或消失。

现在，我可以向DOM添加消息。有什么建议吗?如何实现队列，如何根据时间推送消息？

谢谢!

Answer 1

你可以在火狐插件中使用jQuery：

在xul文件中包含指向jQuery文件的脚本标记，例如：

<script type="text/javascript" src="chrome://extensionname/content/jquery.js" />

在每个使用jQuery的js函数中，插入以下行：

$jQuizzle = jQuery.noConflict(); 

在每次jQuery调用中，如果您试图在当前浏览器窗口中操作文档，则必须提供"window.content.document“形式的上下文，如下所示：

$jQuizzle(".myClass", window.content.document).show();

然后，您可以使用这个jQuery插件：http://benalman.com/projects/jquery-message-queuing-plugin/

Answer 2

也许你需要先进先出(First In First Out)的概念

看一下这个用plan java script language编写简单示例：

function Queue() {
    var data = [];

    this.isEmpty = function() {
        return (data.length == 0);
    };

    this.enqueue = function(obj) {
        data.push(obj);
    };

    this.dequeue = function() {
        return data.shift();
    };

    this.peek = function() {
        return data[0];
    };

    this.clear = function() {
        data = [];
    };
}

Answer 3

目前还不清楚您希望显示哪种类型的消息。nsIAlertsService可以显示消息，但我不确定它对消息进行排队的效果如何。如果你想要更简单的东西，也许你可以只显示一个定制的<tooltip>元素。