Script compte à rebours + modification

**Moxostoma** · 29/08/2009, 02h29

Bonjour, j'étais à la recherche d'un bon script js.
J'en ai trouvé mais, je n'arrive pas à le régler pour 20 secondes !

Code javascript :

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
var tps = 300 ;
    var m= 0;
    var s=0;
    var disp="";
    var idtimer =setInterval('affichetemps()',1000);
 
    function affichetemps(){
 
      tps-- ;
      //h = parseInt(tps/3600) ;
      m = parseInt((tps%3600)/60) ;
      s = parseInt((tps%3600)%60) ;
      disp = (m<10 ? "0"+m : m) + ':' + (s<10 ? "0"+s : s) ;
      document.getElementById('temps').innerHTML= disp;
 
       if ((s == 0 && m ==0)) {
       clearInterval(idtimer);
    url="http://www.o-beez.com"  // Changer ici l'url
    Go(url)
    }
    }
    function Go(url) {
    //window.status="Go !"
    //document.s.Time.value="Go !"
    setTimeout("window.location=url", 500)
    }

Et :

Code html :

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

1
2
3
4
 
<body onload="idtimer">
    <div id="temps" style="font-family: arial; size: 76px;">05:00</p>
    </div>

Pouvez m'expliquer comment le régler pour 20 secondes (20,19,18,17,etc... )
et à 0, ça met un texte par exemple "terminé". Le reste je le fais en php.

Ha, j'ai vu que dans le script, il y a if ((s == 0 && m ==0)) {
est ce qu'il est possible de l'utiliser en php ? J'ai pensé utiliser ça pour par exemple si c'est terminé, update la table et rajoute 10 points au membre.
Est ce possible ?

Merci.

**Moxostoma** · 29/08/2009, 11h38

Désoler du double post...
Pour l'histoire de la modification pour y mettre 20 seconde, je viens de le faire.
Je viens de comprendre :
s = parseInt((tps%20000)%20) ;

en rouge : c'est 20 seconde en milliseconde
en bleu : c'est 20 seconde

Comment faire que que quand le chrono est terminé, sa effectue une action dans la base de données ? Une update dans une table ?

Merci.

**andry.aime** · 29/08/2009, 17h00

Salut,

Comment faire que que quand le chrono est terminé, sa effectue une action dans la base de données ? Une update dans une table ?

Fait une requête Ajax.

**Moxostoma** · 29/08/2009, 17h25

Obligé de prendre de l'Ajax ? Pas un autre produits ? (humour)

Ok, je vais quelque tutoriels.... pour voir si je peux coder sa.

Edit :

Sinon, comment je pourrais faire pour prendre les infos de ma table est le mettre dans une iframe ou un cadre div et quand on clic sur "Commencer" sa lance l'id 1 qui est le premier site, arriver à la fin du chrono sa lance l'id 2, etc..
est quand on arrive au dernier id, sa marque "Terminé", et en même temps à chaque visite des sites, on rajoute 10 points au membres.

Avec Ajax, j'y connais absolument rien donc, je demande à vous de m'aide est de m'expliquer.

Merci.

**andry.aime** · 31/08/2009, 07h56

Salut,

Sinon, comment je pourrais faire pour prendre les infos de ma table est le mettre dans une iframe

Tu modifies son src avec l'id de la recherche en variable URL.

ou un cadre div

Ajax.

Les tutoriels sur Ajax

**Moxostoma** · 01/09/2009, 03h19

Envoyé par andry.aime

Salut,
Tu modifies son src avec l'id de la recherche en variable URL.

Comment je pourrais faire pour afficher la première id, puis la seconde, etc la je ne vois vraiment pas

**andry.aime** · 01/09/2009, 08h30

Code HTML :

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

1
2
 
<iframe id="TonIframe" >

Code :

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

1
2
3
4
function changerIFrame(id)
{
   document.getElementById('TonIframe').src="page.php?id="+id;
}

**Moxostoma** · 01/09/2009, 17h22

Merci pour ton code mais, une petite explication avec ne serait pas de refus.
Merci

**Moxostoma** · 02/09/2009, 14h55

Personne pour m'expliquer ce bout de code ?
+id; correspond au résultat de la requête sql ? ou autre chose ?

jnore · 02/09/2009, 15h53

Envoyé par andry.aime

Code HTML :

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

1
2
 
<iframe id="TonIframe" >

Code :

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

1
2
3
4
function changerIFrame(id)
{
   document.getElementById('TonIframe').src="page.php?id="+id;
}

Envoyé par Moxostoma

Personne pour m'expliquer ce bout de code ?
+id; correspond au résultat de la requête sql ? ou autre chose ?

Ce qu'il fait ici: Ajouter l'attribut src à l'Iframe 'TonIframe'.
Avec src, il va charger la page 'page.php' utile à l'iframe.
Quant à "?id="+id, il ne fait que passer en paramètre, la variable id qui est transmise via la fonction changerIFrame(id).

**Moxostoma** · 02/09/2009, 17h45

Ok, je commence un peu à comprendre...
En faites la fonctions "changerIFrame" je dois la mettre dans ma fonctions "affichetemps" (premier post) ?

Est dans la page qui est appelé par fonction javascript, je dois faire quoi exactement ? J'ai pensé faire des requêtes, puis avec un while je sélection 1 à 1 les id... mais après je ne c'est pas comment les affichés dans l'iframe...

Merci, de votre aide.

EDIT :

Je laisse tomber mon projet, trop compliqué pour un noob comme moi en javascript... tampis

Merci quand même

Script compte à rebours + modification

JavaScript

Discussions similaires

Partager

Partager