Compteur avec incrémentation lié au temps

[undertaker999]

Bonjour,
Je cherche a configurer un compteur de population ^^

Voilà, j'ai une somme à une date de départ (Population initial de 1000 personnes) et je souhaiterais que la somme (Population Initial) augmente à chaque seconde.(de 0.01 par exemple ^^)

De plus je souhaiterais que le compteur ne reprenne pas le compte à la somme de départ quand on relance la page.

Est-ce possible ?

Après des recherches multiples sur le web, je semble avoir trouvé une piste de réponse...
http://www.flashkod.com/forum/sujet-COMPTEUR-AVEC-INCREMENTATION-LIEE-TEMPS_1291735.aspx

Par contre, n'ayant qu'une très maigre base en javascript, j'ai beaucoup de mal à comprendre les explications du membre...
C'est pourquoi je me tourne vers vous pour pouvoir m'expliquer le code ainsi que le complêter au nécessaire, si celui au lien (que je vous ai transmis) ne fonctionne pas...

Merci de l'attention que vous porterez à mon sujet,
Velp

[undertaker999]

Up

[undertaker999]

Biji !

[Ea]

Bonjour,


Pour avoir par rapport à une date il suffit de faire :

Code:

<span id="pc"></span>
<script type="text/javascript">

   // 30 juillet ( il faut mettre le numéro du mois moins 1 ) 2011 à 20h05 et 45 secondes.
   var pc_date= new Date(2011,6,30,20,5,45);
   // le javascript utilise le . comme virgule
   var pc_fract= 1.01;
   var pc_current= 1000 * Math.pow(pc_fract,Math.floor((new Date()-pc_date)/1000));

   jQuery("#pc").text(Math.floor(pc_current));

   setInterval('jQuery("#pc").text(Math.floor(pc_current*=pc_fract))',1000);

</script>

On fait juste 1000 ( population de départ ) fois 1,01 exposant le nombre de seconde entre la date de départ et maintenant.

Cela nous donne donc la population à l'ouverture de la page, ensuite toutes les secondes on multiplie la population par 1,01.

Sinon là juste avec quelques heures ça donne 2*10^115 mais c'est normal le facteur d'augmentation 1,01 c'est très grand, si une population se multiplie par 2 en un an, son facteur d'augmentation à la seconde est d'environ : 0,000000022.

Si ce que vous vouliez c'était que suivant le nombre de seconde qu'un utilisateur soit resté sur la page ça augmente et juste pour lui, alors il faudrait plutôt quelque chose comme ceci :

Code:

<span id="pc"></span>
<script type="text/javascript">

   var pc_fract= 1.01;
   var pc_current= my_getcookie("pc_current") || 1000;

   jQuery("#pc").text(Math.floor(pc_current));

   setInterval('jQuery("#pc").text(Math.floor(pc_current*=pc_fract));my_setcookie("pc_current",pc_fract,1,0)',1000);

</script>

Donc au départ la valeur est soit la valeur du cookie pc_current soit ( si le cookie n'existe pas ) 1000.

Ensuite à chaque seconde, la valeur est multipliée par 1,01 et sauvée dans le cookie.

[undertaker999]

Tout d'abord,

je tiens personnellement à vous remercier pour le temps que vous m'avez réserver pour réaliser ces magnifiques codes, tout deux me seront très utilses, même si mon idée initial était plus le premier code que vous avez réalisé...
- Si j'ai bien compris que pour tous les navigateurs, la valeur créer à partir de la date est visible et identique pour tous ?

Malheureusement, n'étant pas très fort en Javascript comme j'ai pu le décrire dans mon sujet précédent, j'ai aucune idée comment faire apparaitre les valeurs... En effet, comme vous le savez surement, en copiant et en collant votre code dans une page html par exemple, la page reste blanche,
- alors que mon souhait serait de faire apparaitre la valeurs de la population...

Certainement que c'est très simple pour vous, alors je vous fais entièrement confiance pour pouvoir m'éclairer pour le code restant...

Très Sincèrement,
Velp

[Ea]

En effet, comme vous le savez surement, en copiant et en collant votre code dans une page html par exemple, la page reste blanche,
- alors que mon souhait serait de faire apparaitre la valeurs de la population...

Cela utilise la librairie jQuery qui est inclue sur toutes les pages du forum ( mais pas sur les pages html sans le haut ni le bas du forum ).

Enfin voilà l'équivalent du premier code sans jQuery :

Code:

<span id="pc">/</span>
<script type="text/javascript">

  // 30 juillet ( il faut mettre le numéro du mois moins 1 ) 2011 à 20h05 et 45 secondes.
  var pc_date= new Date(2011,6,30,20,5,45);
  // le javascript utilise le . comme virgule
  var pc_fract= 1.01;
  var pc_current= 1000 * Math.pow(pc_fract,Math.floor((new Date()-pc_date)/1000));

  document.getElementById("pc").innerText=""+Math.floor(pc_current);

  setInterval('document.getElementById("pc").innerText=""+Math.floor(pc_current*=pc_fract)',1000);

</script>

Si j'ai bien compris que pour tous les navigateurs, la valeur créer à partir de la date est visible et identique pour tous ?

Non, cela se base sur l'heure de l'ordinateur donc si vous avez un membre au japon et que vous êtes au canada il aura 13h d'avance.

Pour utiliser tous l'heure UTC il faudrait :

Code:

<span id="pc">/</span>
<script type="text/javascript">

  // 30 juillet ( il faut mettre le numéro du mois moins 1 ) 2011 à 20h05 et 45 secondes.
  var pc_date= new Date(2011,6,30,20,5,45);
  // le javascript utilise le . comme virgule
  var pc_fract= 1.01;
  var pc_current= 1000 * Math.pow(pc_fract,Math.floor(new Date()+(60000*(new Date()).getTimezoneOffset())-pc_date)/1000);

  document.getElementById("pc").innerText=""+Math.floor(pc_current);

  setInterval('document.getElementById("pc").innerText=""+Math.floor(pc_current*=pc_fract)',1000);

</script>

[undertaker999]

Bonjour Etana,

Merci des corrections et des informations supplémentaires apportés...

Malheureusement, je constate à nouveau que le script ne donne pas le résultat voulu...

Le script (UTC) dans les messages


le script (UTC) dans les pages html


Je n'es pas trouvé de bouton pour activé les codes javascript, comme pour le html alors je me tourne à nouveau vers vous pour corriger mon problème,

Très Sincèrement,
Velp

[Ea]

Ah il devait manquer un +, comme ceci ça devrait aller :

Code:

<span id="pc">/</span>
<script type="text/javascript">
   
    // 30 juillet ( il faut mettre le numéro du mois moins 1 ) 2011 à 20h05 et 45 secondes.
    var pc_date= new Date(2011,6,30,20,5,45);
    // le javascript utilise le . comme virgule
    var pc_fract= 1.0001;
    var pc_current= 1000 * Math.pow(pc_fract,Math.floor(+new Date()+(60000*(new Date()).getTimezoneOffset())-pc_date)/1000);
   
    document.getElementById("pc").innerText=""+Math.floor(pc_current);
   
    setInterval('document.getElementById("pc").innerText=""+Math.floor(pc_current*=pc_fract)',1000);
   
</script>

Test là : http://jsfiddle.net/NztQt/

Pour le script dans le post, c'est parce que les scripts ne sont pas autorisés, mais vous pouvez mettre dans les codes de javascript sur toutes les pages de sujets :

Code:

// 30 juillet ( il faut mettre le numéro du mois moins 1 ) 2011 à 20h05 et 45 secondes.
var pc_date = new Date(2011, 6, 30, 20, 5, 45);
// le javascript utilise le . comme virgule
var pc_fract = 1.0001;
var pc_current = 1000 * Math.pow(pc_fract, Math.floor(+new Date() + (60000 * (new Date()).getTimezoneOffset()) - pc_date) / 1000);

$(function() {
    $(".pc").text(Math.floor(pc_current));
    setInterval('$(".pc").text(Math.floor(pc_current*=pc_fract))', 1000);
});

Et mettre où vous voulez le compteur <span class="pc"></span> ( exemple : http://jsfiddle.net/NztQt/1/ ).

[undertaker999]

Merci Beaucoup Etana pour tout le temps que vous avez réservé pour notre forum... Votre est très grandement apprécié et nous vous souhaitons bonne continuation dans votre futur...

Bien à vous,
L'équipe de Velp