Compte a rebours en HTML

Rebours

CharlesOnAir Messages postés 47 Date d'inscription Statut Membre Dernière intervention -
dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention - 9 févr. 2015 à 07:38

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 !

Afficher la suite

A voir également:

Html compte à rebours
Créer un compte google - Guide
Installer windows 10 sans compte microsoft - Guide
Editeur html - Télécharger - HTML
Comment créer un compte gmail - Guide
Comment savoir qui regarde mon compte facebook - Guide

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>

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.

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.

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 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">

dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention 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.

Discussions similaires

Créer un compte à rebours dans une cellule

insérer un minuteur sur une diapositive Powerpoint

Compte à rebours JavaScript+HTML

Créer un compte à rebours

Mettre un compte à rebours sur un site

OBS Compte-à-rebours

Votre réponse

Discussions similaires