在同一个div中显示具有不同颜色且延迟的消息，并在单击另一个按钮时停止显示消息？

Question

我想在此code中添加一个新按钮。当我点击新按钮时，它应该停止其他按钮产生的消息，并在同一个div中用黄色文本显示一条新消息。

function showAlertBarMessages() {
var msg = msgQueue[0];
if (!$('#msg-sequentially').find(':visible').length) {
     var el = $('<div />').html(msg.message).addClass('msg ' + msg.color).appendTo('#msg-sequentially');
    el.fadeIn(500).promise().done(function () {
        $(this).delay(2000).fadeOut().promise().done(function () {
            $(this).remove();
            msgQueue.splice(0,1);
            if(msgQueue.length) showAlertBarMessages();
        });
    });
}

谢谢