Assombrir fond de la page selon l'heure

J'ai beau essayer tout ce que je connais je n'y arrive pas lol ^^ j'abandone. Merci pour ces infos. Au pire je ré-essayerait plus tard. Merci pour tout.

C'est pas possible de prendre ce bout de script et de faire en sorte que ce soit l'heure du serveur ?

<script type="text/javascript"><!--

function tick()
{
var hdiv = document.all ? document.all["horloge"]
: document.getElementById("horloge");


var date1jan = new Date(2000,0,1,0,0,0);
var diff = date1jan.getTimezoneOffset() - 480;

var now = new Date();
now.setTime(now.getTime() + diff * 60000);

var h = now.getHours();
var m = now.getMinutes();
if (m < 10)
m = "0" + m;
var s = now.getSeconds();
if (s < 10)
s = "0" + s;
var str = h + ":" + m + ":" + s + " ";
if (h>11)
str += "PM PDT";
else
str += "AM PDT";

hdiv.innerHTML = str;

setTimeout("tick()", 1000);
}

//--></script>
 
&#199;a donne &#231;a:
Bloc de code:
<script type="text/javascript"><!--

<?php
  echo "var dserv=new Date();";
  echo "dserv.setYear(".date("Y").");";
  echo "dserv.setMonth(".date("m").");";
  echo "dserv.setDate(".date("d").");";
  echo "dserv.setHours(".date("H").");";
  echo "dserv.setMinutes(".date("i").");";
  echo "dserv.setSeconds(".date("s").");";
?>
var dloc = new Date();
var delta = dserv.getTime()-dloc.getTime();

function tick()
{
  var now = new Date();
  now.setTime(now.getTime() + delta);

  var h = now.getHours();
  var m = now.getMinutes();
  if (m < 10)
    m = "0" + m;
  var s = now.getSeconds();
  if (s < 10)
    s = "0" + s;
  var str = h + ":" + m + ":" + s + " ";
  if (h>11)
    str += "PM PDT";
  else
    str += "AM PDT";

  var hdiv = document.all ? document.all["horloge"]
             : document.getElementById("horloge");
  hdiv.innerHTML = str;

  setTimeout("tick()", 1000);
}

//--></script>

...&#233;tant entendu que cela doit se trouver sur le serveur dans un fichier php (et non html) qui doit &#234;tre d&#233;livr&#233; par le logiciel serveur http (et non directement lu sur le disque) pour lequel le module php a &#233;t&#233; correctement activ&#233; et configur&#233;.
 
J'ai reussi a faire ce script :

<?php
$mk = mktime(date("H")-9, date("i"), date("s"), date("m"), date("d"), date("Y"));
$date = date("d/m/Y g:i:s A",$mk);
$heure = date("g:i A",$mk);
echo $heure;
?>

Comment faire pour rajouter PDT a la suite de l'heure et faire en sorte que cela incr&#233;mente ?
 
J'ai ma r&#233;ponse c'estpas possible de dynamiqer mon horloge en php je crois. Enfin bon c'est deja ca. Merci pour tout de m'avoir aider.

si c'est possible avec un httprequest javascript
si tu as besoin d'avoir une heure serveur plutot que client

tu fais un petit sys rpc xml avec un setinterval (exemple)
et tu rafraichis toute les mins
 
  • J’aime
Réactions: supermoquette
si c'est possible avec un httprequest javascript
si tu as besoin d'avoir une heure serveur plutot que client

tu fais un petit sys rpc xml avec un setinterval (exemple)
et tu rafraichis toute les mins
Le code complet :p ?? (j'avais envie l&#224;... :D)

horloge.html :
Bloc de code:
<html><head>
<script type="text/javascript">
function getAjaxObject() {
    if (window.XMLHttpRequest) {
        ajaxObject = new XMLHttpRequest();
        if (window.overrideMimeType) {
            ajaxObject.overrideMimeType('text/xml');
        }
    }
    else {
        if (window.ActiveXObject) {
            try {
                ajaxObject = new ActiveXObject('Msxml2.XMLHTTP');
            } catch (e) {
                try {
                    ajaxObject = ActiveXObject('Microsoft.XMLHTTP');
                } catch (e) {
                    alert('===> p4bl0\'s Ajax alert <===\n(FR) Votre navigateur ne prend pas en charge l\'objet XMLHttpRequest.\n(EN) Your browser does not support the XMLHttpRequest object.');
                }
            }
        }
    }
    return ajaxObject;
}

function getServerHour ()
{
    pAjaxObject = getAjaxObject();

    if (!pAjaxObject) return false;
    pAjaxObject.onreadystatechange = function () {
        if (pAjaxObject.readyState == 4) {
            if (pAjaxObject.status == 200) {
                document.getElementById('horloge').innerHTML = pAjaxObject.responseText;
            }
            else {
                document.getElementById('horloge').innerHTML = 'erreur';
            }
        }
    }
    
    pAjaxObject.open('POST','heure.php', true);
    pAjaxObject.send(null);
}

function updateHorloge ()
{
    getServerHour();
    setTimeout(function() {updateHorloge();}, 6000);
}</script>
</head>
<body onload="updateHorloge()">
    <div id="horloge">
    </div>
</body>
</html>

heure.php :
Bloc de code:
<?php
    echo date('H:i');
?>


:)
 
[MODE très très très pointilleux]
Pourquoi utiliser la méthode POST ? Logiquement, comme tu désires récuperer des donnés, tu devrais utiliser la méthode GET ... Enfin voila quoi :rateau:
[/MODE]
 
[MODE tr&#232;s tr&#232;s tr&#232;s pointilleux]
Pourquoi utiliser la m&#233;thode POST ? Logiquement, comme tu d&#233;sires r&#233;cuperer des donn&#233;s, tu devrais utiliser la m&#233;thode GET ... Enfin voila quoi :rateau:
[/MODE]
ouais carr&#233;ment, mais j'ai pas fais gaffe j'ai en parti r&#233;cup&#233;r&#233; du code que j'avais d&#233;j&#224; &#233;cris, dont &#231;a il me semble :)

donc changer
Bloc de code:
pAjaxObject.open('POST','heure.php', true);
par
Bloc de code:
pAjaxObject.open('GET','heure.php', true);