Executar a mesma função seguidamente

Boa noite.

tenho a seguinte função de efeito de digitação:

function escrever(texto) {
      var div = document.getElementById('message-list');    
      var char = texto.split('').reverse();
      var typer = setInterval(
      function() {
        if (!char.length) return clearInterval(typer);
        var next = char.pop();
                        $("#message-list").scrollTop($("#message-list").prop("scrollHeight"));

        div.innerHTML += next;
      }, 50);

}

	 

	Funciona perfeitamente, mas quando preciso chama-la mais de uma vez seguidamente, o texto é misturado. Tentei com callback, mas não consegui fazer funcionar.

escrever("Texto de teste");
escrever("Outro texto de teste);

	Retorna:  TOeuxttroo dtee xtteos tdee teste

	Alguma idéia??

	 

	Obrigado.

	 

	Clayton