Décompte avec redirection

Sujet résolu

22 février 2008 à 0:01:29

Bonjour,

Je suis débutant en JavaScript, et je désire faire un script qui décompte de 10 secondes avant de rediriger le visiteur...
facile : <meta http-equiv="refresh" content="10;URL=..." />
non non non

Je veux que le script dise : Vous allez être redirigé dans [10;09;08..] seconde(s).

(que l'on voit les secondes bouger quoi....)
j'ai commencer ce script, mais je me perd un peux :euh:

maintenent = new Date;
tempsMaintenent = maintenent.getTime();
[...aïe...aïe...aïe...]
document.getElementById("compt").innerHTML = ...;
</script>
</head>
<body>
Vous allez être redirigé dans <span id="compt"></span> seconde(s).

Merci à vous !

Kyle Katarn

22 février 2008 à 0:12:55

Il faut utiliser la magique fonction setInterval :

var compte=10;
function decompte()
{
document.getElementById("compt").innerHTML =compte+' seconde(s) avant la redirection...';
compte--;
}
decompte();
setInterval('decompte()',1000);

Holowar | Carbon | Pug for PHP

chrislb

22 février 2008 à 0:40:12

Salut
Pour SetInterval, je m'y attender

Mais je penser tout bêtement qu'il fallait aller trifouiller dans les timestamp !
Mais non :lol:

alors, j'ai modifier le script (en réaliter, c'est avant d'attendre un téléchargement..)
head :

<script language="javascript" type="text/javascript">
var compte=10;
function decompte()
{
if(compte <= 1) {
pluriel = "";
} else {
pluriel = "s";
}
document.getElementById("compt").innerHTML = compte + " seconde" + pluriel;
compte--;
if(compte == 0 || compte < 0) {
compte = 0;
window.location.replace('fichier.rar');
}
}
setInterval('decompte()',1000);
</script>

<body onload="decompte();">

body

Le téléchargement commenceras dans <span id="compt"></span>...

J'ai mi un :
|| compte < 0
et :
compte = 0;
(dans la dernière condition)
pour éviter que ça ne fasse -1 , -2, -3 ...
Mais comme c'est un téléchargement, la fenêtre qui me propose de télécharger le fichier, je me fais envahir, toutes les secondes, yen a une de plus...

Je sais pourquoi, c'est évidant, mais comment y remédier ?

Merci à toi

PS: j'ai ajouter une condition pour le pluriel, piti détail :lol:

hametsu

22 février 2008 à 1:53:46

Cadeau

<script type="text/javascript">
window.onload = Init;
var waitTime = 5; // Temps d'attente en seconde
var url = ''; // Lien de destination
var x;
function Init() {
window.document.getElementById('compteur').innerHTML = waitTime;
x = window.setInterval('Decompte()', 1000);
}
function Decompte() {
((waitTime > 0)) ? (window.document.getElementById('compteur').innerHTML = --waitTime) : (window.clearInterval(x));
if (waitTime == 0) {
window.location = url;
}
}
</script>
<div><p>Veuillez patienter <span id='compteur'>5</span> secondes s'il vous plait</p></div>

chrislb

22 février 2008 à 2:04:43

bon.... je m'y attendais...

Merci à toi, c'est gentil de ta pars, mais ça ne m'interresse pas...
Mon but, c'est d'apprendre le JavaScript, pas de faire Ctrl + C, Ctrl + V... >_<

Sinon, juste quand tu a poster, j'allais éditer, et ça marche nickel

:

head et head :

<script language="javascript" type="text/javascript">
var compte = 10;
function decompte()
{
if(compte <= 1) {
pluriel = "";
} else {
pluriel = "s";
}
document.getElementById("compt").innerHTML = compte + " seconde" + pluriel;
if(compte == 0 || compte < 0) {
compte = 0;
window.location.replace('fichier.rar');
clearInterval(timer);
}
compte--;
}
var timer = setInterval('decompte()',1000);
</script>

<body onload="decompte();">

body :

Le téléchargement commenceras dans <span id="compt"></span>...

Merci à vous ! sujet résolu !

hametsu

22 février 2008 à 2:12:46

Juste comme ça, tu as pensé à rajouter la balises méta "refresh" en plus sur cette page, au cas où l'utilisateur qui aurait désactivé javascript accède quand même au téléchargement

Kyle Katarn

22 février 2008 à 12:19:25

Euh juste une correction
Le téléchargement commencera dans
Pas de S à commencera.

Holowar | Carbon | Pug for PHP