Compte a rebours en HTML

Fermé

Rebours

CharlesOnAir Messages postés 47 Date d'inscription samedi 24 janvier 2015 Statut Membre Dernière intervention 12 novembre 2017 - 7 févr. 2015 à 17:27
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 - 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 !

A voir également:

Compte à rebours html gratuit
Tiktok gratuit sans compte - Accueil - TikTok
Créer un compte hotmail gratuit - Guide
Créer un compte google - Guide
Créer un compte gmail - Guide
Wetransfer gratuit sans inscription - Guide

1 réponse

Réponse 1 / 1

codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
Modifié par codeurh24 le 7/02/2015 à 23:20

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
8 févr. 2015 à 05:53

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 samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
8 févr. 2015 à 06:20

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 jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
8 févr. 2015 à 23:56

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 mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
9 févr. 2015 à 07:38

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