Imprimir na tela um contador

Usurname · Junho 4, 2017

Eu tenho um script em Javascript que imprime de 1 a 30 um ao lado do outro assim:

123456789101112131415161718192021222324252627282930

Eu gostaria de fazer um contador que imprimisse esses números de 1 a 30 no mesmo local, tipo, atualiza a página e o número 2 aparece no lugar do 1. Atualiza novamente e o 3 fica na tela no lugar do 2. Depois o 4 fica no lugar e assim por diante.

Como eu poderia fazer isso?

Tentei usar a função window.location.reload(); mas não deu certo. Ele imprime só o zero e atualiza a página zerando o script.

Não sei como poderia fazer esse contador pra aparecer na tela. Um contador de 1 a 30.

O código completo está aqui:


<html>
<head>
<title>Título</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
	.texto {color:#B000FF;}
	
.static
{
	position:static;
}
.relativo
{
	position: relative;
	top: 20px;
	left: 30px;
	background-color: black;
	color: white;
	width: 300px;
	height: 300px;	
}
</style>
</head>
<body>

<div class="static">
texto
</div>

<div class="relativo">
texto
</div>


<div class="relativo">
<table>
<tr><td>
<script type="text/javascript">


var intervalo = window.setInterval('funcao()',1000);
var contador = 0;


function funcao()
{ 
   //window.alert("Ola");
   //document.write("Ola mundo");
   //document.write(intervalo);
   
   while (contador <= 31)
   {   
	   if (contador == 31)
	   {
	      contador = 0;
		  
		  document.write("<br>"); 
		  
	   }
	   //document.write("<div class='relativo'>");
	   document.write(contador);
	   window.location.reload();
	   //document.write("</div>");
	   contador++;
	   
	   break;
   }
   
   
}

</script>




<?php


?>

</body>
</html>

Obrigado.

Entrar

Imprimir na tela um contador

Pergunta

Usurname

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades