1

Gostaria de executar uma função infinitamente a cada um segundo, estou tentando desta forma mas a função só é executada uma vez:

Entre a tag body

    <div id="map"><div id="seg"></div></div>
    <?php
    date_default_timezone_set('America/Sao_Paulo');
    $Sh = date('G');
    $sM = date('i');
    $sS = date('s');
    $rS = ($Sh*60*60)+($sM*60)+$sS;
    ?>

Entre a tag script

    var myVar = setInterval(function(){ mudarHora() }, 1000);
    var tServ = <?php echo $rS; ?> + 3;
    function mudarHora() {
    var dt = new Date();
    var secs = dt.getSeconds() + (60 * (dt.getMinutes() + (60 * dt.getHours())));
    var difT = tServ - secs;
    var segundosAgora = secs + difT;
    document.getElementById("seg").innerHTML = segundosAgora;
    }

Como falei a função é executada apenas uma vez e não sei onde está o erro.

8
  • A função está correta. O erro está no cálculo. A variável segundosAgora sempre terá o mesmo valor. Commented 17/02/2018 às 19:56
  • @valdeirpsr quando atualizo a página manualmente o valor de segundosAgora muda, por que diz que sempre terá o mesmo valor?
    – user90997
    Commented 17/02/2018 às 19:59
  • Se você adicionar um console.log( segundosAgora ); dentro da função mudarHora, verás (F12) que o valor sempre será o mesmo, apesar da função está funcionando. Demonstração: codepen.io/valdeir2000/pen/rJpvdr Commented 17/02/2018 às 20:13
  • 1
    @talnun Esse valor é fixo. O PHP não trabalha com valores dinâmicos no lado do cliente (Exceto quando atualiza a página). Enquanto você mantiver a página aberta, o valor não muda. Para o valor da variável tServ ser alterado (sem refresh), você deve fazer isso com JavaScript. Commented 17/02/2018 às 20:20
  • 2
    @ValdeirPsr a intenção era esta, acho: codepen.io/anon/pen/XZVqPx?editors=1111
    – bfavaretto
    Commented 17/02/2018 às 20:28

1 Resposta 1

0

Editado

Então a dificuldade é para reiniciar a função pelo TIMER em javascript? Se for tente usar setTimeout:

var tServ = <?php echo $rS; ?> + 3;
function mudarHora() {
   var dt = new Date();
   var secs = dt.getSeconds() + (60 * (dt.getMinutes() + (60 * dt.getHours())));
   var difT = tServ - secs;
   var segundosAgora = secs + difT;
   document.getElementById("seg").innerHTML = segundosAgora;
   setTimeout(function(){ mudarHora() }, 1000);
}

Para disparar a função use o evento onload assim:

<body onload="mudarHora()">

Ficará assim o código completo:

<?php
date_default_timezone_set('America/Sao_Paulo');
$Sh = date('G');
$sM = date('i');
$sS = date('s');
$rS = ($Sh*60*60)+($sM*60)+$sS;
?>
<!DOCTYPE html>
<html>
<head>
<script>
var tServ = <?php echo $rS; ?> + 3;
function mudarHora() {
   var dt = new Date();
   var secs = dt.getSeconds() + (60 * (dt.getMinutes() + (60 * dt.getHours())));
   var difT = tServ - secs;
   var segundosAgora = secs + difT;
   document.getElementById("seg").innerHTML = segundosAgora;
   setTimeout(function(){ mudarHora() }, 1000);
}
</script>
</head>
<body onload="mudarHora()">
<div id="map"><div id="seg"></div></div>
</body>
</html>
5
  • na verdade não, obter o horário do servidor eu já consegui nesta resposta pt.stackoverflow.com/a/256698/90997. A sugestão que você me ofereceu tem grandes chances de sobrecarregar meu servidor compartilhado como já aconteceu, pois faz muitas requisições ao arquivo realtime.php dependendo do número de acessos ao mesmo tempo, mas obrigada.
    – user90997
    Commented 19/02/2018 às 14:41
  • Modificado, veja se o problema era este, eu testei e funcionou.
    – RpgBoss
    Commented 19/02/2018 às 16:22
  • 1
    @talnun e RpgBoss Provavelmente o erro não é no setInterval vs setTimeout e sim algum erro de script ou de outro script, provavelmente olhando para o console irá notar falhas emitidas e irá saber a origem do problema. Provavelmente o DOM não esta carregado no momento que o script inicia, então o onload pode resolver como o RpgBoss sugeriu, ainda sim creio que algo mais rápido e eficiente que onload seja usar DOMContentLoaded, ou melhor ainda algo como isto: pt.stackoverflow.com/a/137881/3635
    – Syzoth
    Commented 19/02/2018 às 16:39
  • Agora que percebi que ela chamou o PHP depois de tudo pelo que entendi. Vou postar o exemplo completo...
    – RpgBoss
    Commented 19/02/2018 às 16:53
  • funcionou certinho
    – user90997
    Commented 20/02/2018 às 16:02

Você deve fazer log-in para responder a esta pergunta.