[RESOLU] Compte à rebours X minutes

01 août 2019, 15:30

Bonjour,

Je ne suis pas un expert en programmation j'essaie de trouver en cherchant en premier lieu sur le web, si je ne trouve pas, je suis un peu comme tout le monde je demande de l'aide.

J'aimerais créer un compte à rebours qui : toutes les 30mn va se relancer. (le but est d'actualiser une image d'une url)

Voilà ce que j'ai trouvé qui irait très bien seulement je n'arrive pas à lui dire une fois les 30 minutes passées il doit se relancer.

Pour l'exemple j'ai mis 5 secondes

Code : Tout sélectionner

<script>
var counter = 5;
var intervalId = null;
start();

function finish() {
clearInterval(intervalId);
var counter = 5; /// SI je lui redonne une valeur du counter il ne veut pas la prendre en compte :(
start();
}


function bip() {
    counter--;
    if(counter == 0) 
	finish();
    else {	
        document.getElementById("bip").innerHTML = counter + " secondes restantes";
    }	
}

function start(){
  intervalId = setInterval(bip, 1000);
}	
</script>

Merci pour votre aide.

Eric

02 août 2019, 08:53

J'ai oublié de mettre le lien du script que j'avais trouvé : https://www.xul.fr/ecmascript/settimeout.php

02 août 2019, 10:01

A mon avis tu as un problème de portée de ta variable, si tu la définis (avec "var x=...") dans ta fonction elle ne sera accessible que dans ta fonction.
Il y a un tuto pour t'expliquer cela ici :
https://www.pierre-giraud.com/javascrip ... portee.php

04 août 2019, 15:37

Merci @rthur

J'ai donc essayé de cette manière mais ça ne marche pas non plus pourtant la variable est redéfini dans la condition.

Code : Tout sélectionner

function bip() {
    counter--;
    if(counter == 0) 
	{
	finish();
	var counter = 10; ///.    <==========  ICI   ICI.  ICI
    }
	else {	
        document.getElementById("bip").innerHTML = counter + " secondes restantes";
    }	
}

04 août 2019, 16:01

Hrrrr ...... Suis-je bête ?? .. j'ai trouvé

30 Minutes = 1800 secondes

Code : Tout sélectionner

<button onclick="start()">Lancer le décompte</button>
<div id="bip" class="display"></div>
<script>
var counter = 1800;
var intervalId = null;

function locale(){
                counter = 1800;
                return x;
            }
function bip() {
    counter--;
    if(counter == 0) 
	{
    locale();
    }
	else {	
        document.getElementById("bip").innerHTML = counter + " secondes restantes";
    }	
}
function start(){
  intervalId = setInterval(bip, 1000);
}	
</script>

05 août 2019, 09:30

Bonjour,

Il y a un truc que je n'arrive pas à faire :

Code : Tout sélectionner

<script>
function variables(){
var d = new Date();
var heures = d.getHours();
var Minutes = d.getMinutes();
var secondes = d.getSeconds();
return (heures,Minutes,secondes);
}
document.getElementById("ici").innerHTML =  variables();
</script>
<p id="ici"></p>

Il me retourne que les secondes
Je me casse la tête et je suis sur que la solution est à 2 pas de là ....

Merci pour votre aide.

05 août 2019, 10:06

Hrrr je viens de trouver ....

Code : Tout sélectionner

<p id="ici"></p>
<script>
function function_name()
{
var d = new Date();
var heures = d.getHours();
var Minutes = d.getMinutes();
var secondes = d.getSeconds();
return [heures, Minutes, secondes];
}
var heures, Minutes, secondes;
[heures, Minutes, secondes] = function_name();
document.getElementById("ici").innerHTML =  heures+":"+Minutes+":"+secondes;
</script>

[RESOLU] Compte à rebours X minutes

Qui est en ligne