Ma question est comme je l'ai écrit dans le titre

"Afficher l'heure actuelle en mouvement animé"

En php, nous faisons:

<? echo date("H:I:S"); ?>

Pour afficher l'heure actuelle (heure: minute: seconde)

Donc je veux un moyen de le rafraîchir chaque seconde, ce qui signifie qu'il commence à flotter

J'espère que vous comprenez de quoi je parle et merci d'avance

1
script0r 5 mars 2016 à 01:35

3 réponses

Meilleure réponse

Je ne suis pas sûr que vous ayez besoin de php pour cela, généralement js suffit:

function t() {
    document.getElementById('time').innerHTML = new Date();
}
t();
window.setInterval(t, 1000);
<div id="time"></div>
3
Iłya Bursov 4 mars 2016 à 22:43

Je pense que vous voulez setInterval:

var timer = setInterval(function() {
  // get time
  // update time
}, 1000)

Ce pseudo-code s'exécutera toutes les 1 seconde. Je recommande de prendre le temps à chaque passage, car cela prendra un peu plus d'une seconde (JavaScript est comme ça), et vous ne serez plus synchronisé. Je ne peux pas écrire de code de démonstration sans savoir comment vous allez l'utiliser, mais j'espère que cela aide certains.

0
AJFarkas 4 mars 2016 à 22:45

Voici un exemple d'horloge simple mais configurable de W3schools qui vous permettrait de la styliser comme vous le souhaitez:

function startTime() {

    var today = new Date();
    var h = today.getHours();
    h = h > 12 ? h - 12 : h;
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML =
    h + ":" + m + ":" + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
<body onload="startTime()">

<div id="txt"></div>

Si vous souhaitez utiliser 24 heures, supprimez simplement la ligne h = h > 12 ? h - 12 : h;.

2
Anders Elmgren 4 mars 2016 à 22:52