Compte a rebours en HTML

CharlesOnAir Messages postés 56 Statut Membre -  
dugenou Messages postés 6262 Statut Contributeur -
Bonjour, j'aimerais savoir comment réalisé un petit compte à rebours pour que par exemple il y a ceci : Redirection dans 5 4 3 2 1 0 et que ça nous emmène sur un page web .
Merci d'avance !



A voir également:

1 réponse

Réponse 1 / 1
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
Bonsoir,

une fois la div créer avec un id compteur voici le code javascript

<script>
window.startRedirection = 5;
test = function(){

setInterval(function() {

document.getElementById("compteur").innerHTML = window.startRedirection;

if(! window.startRedirection){window.location = "https://www.google.fr" }

window.startRedirection = window.startRedirection -1;



}, 1000);
}
var elmt = document.getElementById("compteur");
elmt.onload = test();
</script>
0
myluv
 
donc ce n'est pas du HTML, pas possible avec HTML ce n'est pas de la programmation, pas de commandes ni d'événements.
Quand est ce que les débutants comprendront que HTML = affichage UNIQUEMENT, donc rien qui bouge, qui interagit, qui fait quoique ce soit comme compter, utiliser une information(donnée)...
Pour un peu d'interactivité il y a toujours CSS mais HTML = HyperText MarkUp Language ce qui dans un français approximatif donnerait = langage de balise hypertexte.
balise= ce sont des repères
hypertexte = qui est en relation avec un autre texte(par exemple la nomenclature des balises, une référence comme une autre page, l'adresse d'un fichier...)

Voilà j'espère être clair et aider ceux qui se limitent au HTML pour faire une page web(si ça existe :s ) et faire remarquer que la norme est de parler de XHTML, le X indiquant qu'on inclut à HTML d'autres langages qu'il soient de balisages aussi(comme* CSS, XML) ou de programmation (comme* Javascript, PHP).

*non exhaustif mais j'ai cité les plus communs et indispensable.
0
codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
 
salut myluv, je suis entièrement d'accord avec toi, depuis quelques mois je n'arette pas de voir ce problème, je ne comprend pas d'ou ça vient.
0
animostab Messages postés 3003 Statut Membre 738
 
salut
en html uniquement il y a ceci mais ca n'affichera pas un compte a rebours uniquement une redirection dans 5 secondes vers page.html (à mettre dans le head)
<meta http-equiv="refresh" content="5; url=http://www.site.com/page.html">
0
dugenou Messages postés 6262 Statut Contributeur 1 452
 
Bonjour,

Effectivement, tu peux créer autant de pages HTML que nécessaire, page index.html, 5.html, 4.html, 3.html, 2.html, 1.html et enfin 0.html.

Dans la page index.html : 

<html>
    <head>
        <title>Rebours</title>
        <meta http-equiv="refresh" content="1; URL=5.html">
    </head>    
    <body>
		<div style="text-align: center;">
		<h1>Redirection dans 5 secondes</h1>
		</div>
    </body>
</html>


Dans la page 5.html : 

<html>
    <head>
        <title>Rebours</title>
        <meta http-equiv="refresh" content="1; URL=4.html">
    </head>    
    <body>
		<div style="text-align: center;">
		<h1>5 secondes</h1>
		</div>
    </body>
</html>


Page 4.html : 

<html>
    <head>
        <title>Rebours</title>
        <meta http-equiv="refresh" content="1; URL=3.html">
    </head>    
    <body>
		<div style="text-align: center;">
		<h1>4 secondes</h1>
		</div>
    </body>
</html>


et ainsi de suite, jusqu'à la page 0.html : 

<html>
    <head>
        <title>Rebours</title>
    </head>    
    <body>
		<div style="text-align: center;">
		<h1>C'EST PARTI !</h1>
		</div>
    </body>
</html>


C'est du bricolage, mais ça fonctionne.
0

Discussions similaires

Créer un compte à rebours dans une cellule
Mots croisés -
Mike-31 -

29 réponses
insérer un minuteur sur une diapositive Powerpoint
M-Dinette -
DelNC -

1 réponse
Compte à rebours JavaScript+HTML
Sahoumix -
sachoumix -

2 réponses
Créer un compte à rebours
Jessica-45 -
Mike-31 -

4 réponses
Mettre un compte à rebours sur un site
zazadia -
firewalk -

6 réponses
OBS Compte-à-rebours
haniball -
haniball -

3 réponses