Compteur à rebours déclenché par option select

**lordguad** · 28/03/2012, 12h44

Bonjour, je suis archi nullissime en javascript et je souhaite mettre en place une fonction qui déclenche un compte a rebours suite à un choix de type select.

1- on arrive sur la page le compteur est bloqué a une valeur, mettons 100.

2- on fait un choix d'option dans un select ce qui déclenche un compte a rebours jusqu’à une valeur à définir, mettons 2.

3, quand le compte a rebours arrive a sa valeur de fin, une image s'affiche a coté

J'ai bidouillé deux trois fonctions JS mais là, je suis bloqué, totalement...

Help !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script type="text/javascript">
    //Construction du compteur
    var valeur_origine = 100;
    var valeur = valeur_origine
    var x;
    function Init()    {
        window.document.getElementById('compteur').value=valeur;
        x = window.setInterval('Decompte()', 100);
    }
    //Demarrage quand un choix est fait selected"
    function Decompte()    {
        ((valeur > 0)&&( ! window.document.getElementById('select1').selected)) ? (window.document.getElementById('compteur').value = --valeur) : (window.clearInterval(x));
    }    
    //Remise à zéro si changement de choix
var current = 0;
function change(what)
{
document.getElementById("diffchoix").src = Init;
} 
    window.onload = Init;
</script>
 
 
<body>
 
 
 
<div id="choix">
<div class="styled-select"><select name="select1" id="select1" onchange="Relance(this)">
<option value="0" selected="selected"></option>
<option value="1" >Agen</option>
<option value="2">Marmande</option>
<option value="3">Nerac</option>
</select></div>
</div>
    <div id="textcompteur"><input type="text" name="compteur" id="compteur" class="textcompteur" size="3" readonly="readonly"></div>
 
</body>

**_tom_** · 29/03/2012, 15h52

Bonjour,

Une solution serait d'utiliser la fonction setTimout de javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function declenche() {
   var milliseconds = 100;
   setTimeout("afficherImage()",milliseconds)
 
}
 
function afficherImage() {
   // action à réaliser
   ...
}

Tu n'a plus qu'à appeler la méthode "declenche" lorsque l'utilisateur fait son choix d'option.

Cordialement,

Compteur à rebours déclenché par option select

JavaScript

Vue hybride

Discussions similaires

Partager

Partager