PHP e Javascript
Olá,
Eu tenho um código que implementa um 'contador' em Javascript. Ele atualiza na tela de 1 em 1 segundos, conta até 60 e adiciona 3 turnos na variável 'Turno'.
Eu consegui imprimir a variável 'Turno' que está em Javascript no PHP(está no código postado).
Porém eu gostaria que o código em PHP estivesse integrado com o código em Javascript para utilizar o contador em Javascript. Como eu faço essa integração entre PHP e Javascript?
Código:
<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;
}
.contador{
position: relative;
top: 0px;
left: 30px;
background-color: black;
color: white;
width: 130px;
height: 30px;
}
.PalavraTempo{
position: relative;
position: center;
top: 70px;
left: 30px;
background-color: black;
color: white;
width: 130px;
height: 30px;
}
.TurnosDisponiveis{
position: relative;
position: center;
top: 100px;
left: 30px;
background-color: black;
color: white;
width: 130px;
height: 30px;
}
.Turnos{
position: relative;
position: center;
top: 100px;
left: 30px;
background-color: black;
color: white;
width: 130px;
height: 30px;
}
.php{
position: relative;
position: center;
top: 100px;
left: 30px;
background-color: black;
color: white;
width: 130px;
height: 30px;
}
</style>
</head>
<body>
<div class="PalavraTempo">Tempo
</div>
<div class="TurnosDisponiveis">Turnos Disponíveis:
</div>
<div class="Turnos">
</div>
<div class="contador">
<script type="text/javascript">
var intervalo = window.setInterval('funcao()',1000);
var contador = 0;
var Turno = 0;
function funcao(){
//window.alert("Ola");
//document.write("Ola mundo");
//document.write(intervalo);
while (contador <= 60)
{
if (contador == 60)
{
contador = 0;
Turno = Turno + 3;
break;
//document.write("<br>");
}
elementosHTML = document.getElementsByClassName("contador");
//document.write("<div class='relativo'>");
//document.write(contador);
elementosHTML[0].innerHTML = " " + " " +contador;
turnosHTML = document.getElementsByClassName("Turnos");
turnosHTML[0].innerHTML = " " +Turno + "";
//window.location.reload();
//document.write("</div>");
contador++;
//window.location.reload();
break;
}
}
</script>
<div class="php">
<?php
$variavelphp = "<script type='text/javascript'> document.write(Turno) </script>";
echo "Teste $variavelphp";
?>
</body>
</html>
Obrigado.Discussão (3)
Carregando comentários...