Ir ao conteúdo
  • Cadastre-se

Javascript Como fazer quebra de linha em uma var?


Posts recomendados

Ola queria sabe como eu faço uma quebra de linha na var textos, no final de cada texto queria uma quebra de linha pois não estou conseguindo com o \n e o próximo texto viesse abaixo

var div = document.getElementById('log');
var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

function escrever(str, done) {
    var char = str.split('').reverse();
    var typer = setInterval(function() {
        if (!char.length) {
            clearInterval(typer);
            return setTimeout(done, 500); // só para esperar um bocadinho
        }
        var next = char.pop();
        div.innerHTML += next;
    }, 100);
}

function rodape(conteudos, el) {
    var atual = -1;
    function prox(){
        if (atual < conteudos.length - 1) atual++;
        else atual = 0;
        var str = conteudos[atual];
        escrever(str, function(){
            div.innerHTML = '';
            prox();
        });
    }
    prox();
}
rodape(textos);

 

Link para o comentário
Compartilhar em outros sites

1 hora atrás, washalbano disse:

Creio que eu não consegui entender.
Quebra de linha onde? Qual é a variável onde você precisa da quebra de linha?
Que próximo texto?
Como é o trecho html?

veja se isso te ajuda:
div.innerHTML += '<br>';

@washalbano Amigo funcionou so que ele vai descendo e não para queria que ele parece quando chegasse no limite da pagina, e tipo quando o texto entre o ' ' acabasse eu queria que ele voltasse apagando tudo que digitou e digitasse o do outro ' ' me ajuda?

 

2 horas atrás, Markw disse:

var textos = ['SEU TEXTO AQUI' , 'SEU TEXTO 2 AQUI', 'SEU TEXTO 3 AQUI', 'SEU TEXTO 4 AQUI'];

 

 

Trecho do html 

<html>
        <head>
                <title>Site</title>
            <meta http-equiv="X-UA-Compatible" content="IE-edge">
            <meta name"viewport" content="width=devide-width, intial-scale=1">
            
                <link href="css/bootstrap.min.css" rel="stylesheet">
                <link href="_css/estilo.css" rel="stylesheet">
                
    </head>
    
            <body>
    
                    <div class="content-fluid">
                    <div id="log"></div>
                            </div>
    
    
    
    
                
                <script src="/js/jquery.js"></script>
                <script src="/js/bootstrap.min.js"></script>
                <script src="_js/script.js"></script>
                        
    </body>

 

Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...