Informações na tela

Usurname · Maio 28, 2017

Olá,

Eu tenho o seguinte código que imprime de 0 a 30 indefinidamente. Quando chega no valor 30, ele recomeça do zero novamente pulando uma linha. Mas gostaria que essa contagem fosse mostrada na tela sempre substituindo o número anterior. O objetivo seria criar uma espécie de "turnos" para um jogo web browser.

Como posso fazer isso, mostrar a contagem em um lugar da tela sempre substituindo o valor anterior?

Obrigado.


<html>
<body>
<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(contador);
	   contador++;
	   break;
   }
   
}



</script>

<?php


?>

</body>
</html>

Usurname · Maio 29, 2017

Eu estou tentando colocar meu código dentro de uma <div> mas parece que o javascript não funciona se misturar mais códigos junto com ele. Não sei como fazer. Gostaria que o comando document.write(contador); fosse colocado dentro de uma <div> customizada.

O seguinte código não está funcionando ao misturar CSS com Javascript:

<div class="relativo">
 document.write(contador);
</div>

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>


<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>"); 
	   }<div class="relativo">
	   document.write(contador);</div>
	   contador++;
	   break;
   }
   
}

</script>



<?php


?>

</body>
</html>

Obrigado.

Usurname · Junho 3, 2017

Como posso colocar o seguinte código javascript dentro de uma div?

<div class="relativo">
 document.write(contador);
</div>

Obrigado.

lowys · Junho 8, 2017

Olá Usurname!

Tente assim:

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


      <script type="text/javascript">
         var intervalo = window.setInterval('funcao()', 100);
         var contador = 0;

         function funcao() {
            while (contador <= 31) {
               if (contador == 31) {
                  contador = 0;
               }
               // pega todos os elementos com a class
               elementosHTML = document.getElementsByClassName("relativo");
               // pega apenas o primeiro elemento com a class
               elementosHTML[0].innerHTML += ' '+contador;
               contador++;
               break;
            }
         }
      </script>
...

Usurname · Junho 12, 2017

Obrigado, a contagem está sendo feita dentro da <div> agora. Preciso estudar mais esse código pra saber como manipulá-lo melhor.

Mas sem querer ser muito inconveniente, saberia como fazer a impressão na tela substituindo o valor anterior pelo próximo na tela e assim por diante, sempre no mesmo local, atualizando a tela?

Obrigado.

Usurname · Junho 12, 2017

Funcionou certo agora com esse código:

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


      <script type="text/javascript">
         var intervalo = window.setInterval('funcao()', 100);
         var contador = 0;

         function funcao() {
            while (contador <= 31) {
               if (contador == 31) {
                  contador = 0;
                  break;
               }
               // pega todos os elementos com a class
               elementosHTML = document.getElementsByClassName("relativo");
               // pega apenas o primeiro elemento com a class
               elementosHTML[0].innerHTML = ' '+contador;
               contador++;
               break;
            }
         }
      </script>

Obrigado.

Entrar

Informações na tela

Pergunta

Usurname

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

Usurname

Link para o comentário

Compartilhar em outros sites

Usurname

Link para o comentário

Compartilhar em outros sites

lowys

Link para o comentário

Compartilhar em outros sites

Usurname

Link para o comentário

Compartilhar em outros sites

Usurname

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades