Créer un compte à rebours

Version imprimable

08/11/2015, 20h45
Bioubiou

Créer un compte à rebours

Bonjour,

je dois coder un jeu en html, css et js avec Jquery et Tweenmax.
Le but et de trouver la bonne touche du clavier qui permet au personnage d'atteindre la sortie,
seulement il y a un temps limité...
je voudrais créer un compte à rebours et qu'à la fin de celui ci, si le joueur n'a pas trouver la bonne touche, il y est un message qui s'affiche.

Avez vous une solution?
Merci

Bonjour,

Voici un exemple en JS d'un compteur de 90 sec :

Code:

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
39
40
41
42
43
44
                <script>
 
                function t()
                {
            var compteur=document.getElementById('compteur');
            s=duree;
            m=0;h=0;
            if(s<0)
                        {
                                compteur.innerHTML="terminé<br />"
            }
                        else
                        {
                                if(s>59)
                                {
                                        m=Math.floor(s/60);
                                        s=s-m*60
                }
                                if(m>59)
                                {
                                        h=Math.floor(m/60);
                    m=m-h*60
                                }
                if(s<10)
                                {
                                        s="0"+s
                }
                if(m<10)
                                {
                    m="0"+m
                }
                  compteur.innerHTML=h+":"+m+":"+s+"<br />"
            }
            duree=duree-1;
            window.setTimeout("t();",999);
 
        }
 
                </script>
                <div id="compteur"></div>
                <script>
                        duree="10";
                        t();
                </script>

Au bout de 90 sec : un message "terminé" apparaît.

Coool je l'ai mis dans la page html en le modifiant un peu et il marche :) ahah j'avoue j'ai pas réussi à le faire fonctionner dans le js... Merci beaucoup! :)

Et maintenant, but ultime : Lorsque le joueur trouve la bonne touche avant la fin du compte à rebours, comment interrompre celui ci et inviter le joueur au niveau suivant? Dans mon js j'ai cela :
Code:

1 2 3 4 5 6 7 8 switch ( lettre ) { case 'j': TweenMax.to( $balle1, 1, { left:'1200px', top:'590px', rotation:'3rad' }); break; case 'a' : TweenMax.to( $balle1, 1, { opacity : '0'}); break; case 'p': TweenMax.to( $balle1, 1, { left:'-100px', top:'500px' }); break; }
La bonne touche est le J (les autres sont des pièges...). Du coup il faut que j'indique que lorsque le J est enclenché, le compte à rebours s'arrête et un lien vers le niveau suivant apparaît. Ou alors, j'indique que lorsque ma "balle1" touche la sortie (appelée dans mon code "trou1" oui c'est une balle qui rentre dans un trou ^^) le compte à rebours s'arrête etc.

Il y a t-il un moyen de faire ça ?