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

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

function showAlertBarMessages() { var msg = msgQueue[0]; if (!$('#msg-sequentially').find(':visible').length) { var el = $('
').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(); }); }); } 

谢谢