8791 sujets

Développement web côté serveur, CMS

[Résolu] Affichage secondes restantes ?

Bonjour

J'aurai voulu utiliser et afficher un compteur de secondes (10 à 0).
Quand le compteur est à 0 secondes, c'est-à-dire les 10 secondes épuisées,
rediriger vers la page "index.php"

J'ai déjà demandé de l'aide à mon ami google,
mais je trouve rien de tel.

Pouvez-vous m'aider ?
D'avance, un très grand merci.



<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="4" class="c09" style="line-height:9px; text-align:center">Vous allez être redirigé automatiquement<br>sur la page d'accueil dans 10 secondes !</td>
    </tr>
</table>




<?php
   header("Refresh: 10;url=index.php");
?>

Modifié par jytest (11 Jun 2011 - 23:29)
D'abord merci à toi lddsoft !

La nuit avait porter conseil :
il est aberrant de le faire en php !!!
C'est sur le poste client qu'il faut faire cela !!!
Donc c'est en javascript qu'il faut faire cela.
Evident, maintenant ?

Quelqu'un aurait-il un script plus facile, utilisant mes bouts de codes ?
D'avance merci.

En haut de la page :

<?php
    header("Refresh: 10;url=index.php");
?>


Dans le milieu de page :

<td colspan="4" id="rebours" class="c09" style="line-height:9px; text-align:center">Vous allez être redirigé automatiquement<br>sur la page d'accueil dans 10 secondes !</td>
    <script> 
      var seconds = 10; 
      setInterval( 
        function(){ 
          document.getElementById('rebours').innerHTML = --seconds; 
        }, 1000 
      ); 
    </script> 

<script type="text/javascript">
var seconds = 10;
setInterval(
function(){
if(seconds>=1)document.getElementById('rebours').innerHTML = "Vous allez être redirigé automatiquement<br>sur la page d'accueil dans "+ --seconds+" seconde(s) !";
}, 1000);
</script>


N.B.: tu peux rediriger en javascript aussi (pas besoin de php pour cela)! Smiley cligne
Modifié par lddsoft (11 Jun 2011 - 18:16)
Sujet clos
Aller à