Transição de Texto com Javascript


(Rodrigo de Oliveira Alar) #1

Olá!

Estou precisando de um código em javscript que no topo do meu site os números de telefones, alternando entre 6, fiquem alterando com efeito de fade.
Se alguém puder me ajudar ou me indicar algum site, agradeço muito.


(Luan Maik) #2
/* array dos números de telefone */
var phones = [
     'phone 1',
     'phone 2',
     'phone 3'
 ];

/* Indice o telefone atual */
var currentPhone = 0;

/* Cria um intervalo de 4 em 4 segundo mudando o telefone */
    setInterval(function(){
        $('#elementoQueArmazenaNumeroTelefone').animate({'opacity': 0}, 1000, function () {

            //Verifica se já chegou no último número para começar novamente
            if(currentPhone == phones.length)
                currentPhone = 0;

            phone = phones[currentPhone];
            $(this).text(phone );

            //Avança para o próximo número
            currentPhone++;
        }).animate({'opacity': 1}, 1000);

    }, 4000);