Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Soh

[Resolvido] Texto Rotativo

Por , em Javascript

Recommended Posts

Soh    1

Soh
Postado

Salve Salve Galera,

 

Seguinte, existe alguma forma de fazer um texto rotativo manipulado por tempo?

 

ex:

----------------

var = 'texto 1'

var = 'texto 2'

var = 'texto 2'

 

Timeout = '60'

 

----------------

 

 

Mais ou menos assim, a cada 60 segundos ele mostrar outra mensagem em loop infinito.

 

Perguntas para os feras, existe essa possibilidade SEM ser dentro de um <form>??

 

Tipo, só dentro de um <script> mesmo??

 

Vlw galera!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Utilize a função setInterval(). Montei um exemplo para você:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	<title>setInterval()</title>	<script type="text/javascript">	window.onload = function()	{		var frases = ['Primeira frase!', 'Frase Nº 2', 'Última frase...'];		var timeout = 2000;		var index = 0;		// A cada 'x' milisegundos (definido em 'timeout'), executa a função		setInterval(function()		{			// Se 'index' for maior do que o número de posições do array, volta para a primeira posição (index 0)			index = (index == frases.length) ? 0 : index;			var novaFrase = frases[index];			var areaFrase = document.getElementById('frase');			// Altera a frase exibida			areaFrase.innerHTML = novaFrase;			index++;		},		timeout);	}	</script></head><body>	<p id="frase">Primeira frase!</p></body></html>
A partir deste exemplo é só alterar para deixar de acordo com o que precisa!

 

 

:joia:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Soh    1

Soh
Postado

Paulo,

 

Caraca, ficou perfeito!

Brigadão mesmo pela atenção!

 

 

Fera mesmo!

 

 

abraço man, e mais uma vez, obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito