Поочередное срабатывание setTimeout в JavaScript [дубликат]

    $(document).ready(function(){ 
        var status = $('#loading-banner h1'); 
        if(!status) return false; 
        function f1() { 
            return new Promise(function(resolve){ 
                setTimeout(function() { 
                    status.html('Авторизация в системе...'); 
                    resolve(); 
                }, 5000); 
            }); 
        } 
        function f2() { 
            return new Promise(function(resolve){ 
                setTimeout(function() { 
                    status.html('Получение информации...'); 
                    resolve(); 
                }, 5000); 
            }); 
        } 
        function f3() { 
            return new Promise(function(resolve){ 
                setTimeout(function() { 
                    $('#loading-banner').fadeOut(1000); 
                    resolve(); 
                }, 5000); 
            }); 
        } 
        f1().then(function() { 
            return f2(); 
        }).then(function() { 
            return f3(); 
        }); 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div id="loading-banner"> 
    <h1>Статус ок</h1> 
</div>