JSFiddle - React, Tailwind, and code Playground

HTML

Mitteilungen:
<div id="mitteilungen"></div>

JavaScript

$(function(){
    
    
    var mtg_array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'],
        zaehler = 0,
        mitteilung = $('#mitteilungen'),
        btn = $('#btn_next'),
        interval = setInterval(function (){
            zaehler = 0;
            if(mtg_array.length > 0) $('div[id^=mtg]').fadeIn(500).fadeOut(500, function () {
                $(this).remove();
                getMessages();
            });
        }, 6000) 

    getMessages();        
    function getMessages(){
        if(zaehler < 4) {
            var element = mtg_array.shift(),
                id = "mtg" + zaehler,
                output = "<div id='" + id + "'>" + element + "</div>";
            
            if(element != undefined) mitteilung.hide().append(output);
            
        
            ++zaehler;
            getMessages(); 
        } else { 
            mitteilung.show(500); 
            
            return false; 
        }                  
    }    
});