minuterie à l'aide de javascript

Je veux mettre en œuvre la minuterie à l'aide de java script.Je veux pour décrémenter le compteur avec la variation de l'intervalle.
Exemple.Supposons que mon minuteur commence à 500 .
Je veux décrémenter la minuterie selon le niveau comme
1. 1er niveau de la minuterie doit décrémenter de 1 également décrémenter la vitesse doit être lente.
2.2 ème niveau de la minuterie doit décrémenter par 2 et de décroissance de la vitesse devrait être moyen
3.3 rd niveau de la minuterie doit décrémenter par 3 et de décroissance de la vitesse doit être rapide

Je peux créer de la minuterie à l'aide de code suivant:

<script type="text/javascript">
var Timer;
var TotalSeconds;
function CreateTimer(TimerID, Time) 
{
    TotalSeconds=Time;
    Timer = document.getElementById(TimerID);
    TotalSeconds = Time;
    UpdateTimer();
    setTimeout("Tick()", 1000);
}

function Tick() {
    TotalSeconds -= 10;
    if (TotalSeconds>=1)
    {
        UpdateTimer();
        setTimeout("Tick()", 1000);
    }
    else
    {   
        alert(" Time out ");
        TotalSeconds=1;
        Timer.innerHTML = 1;
    }
}

Mais j'appelle cela CreateTimer() plusieurs fois, de sorte que sa vitesse est de ne pas contrôler parce que je l'appelle plusieurs fois.

Il n'y a pas de variantes de temps. Pourquoi faites-vous cela? Vous pouvez juste avoir une minuterie, réglez une valeur de départ et de vérifier comment il va.
Bien sûr, vous pouvez modifier la vitesse pendant que la minuterie est en marche, il a juste besoin d'être un avariable.
ingyhere je suis en train de faire un jeu(quiz) dans lequel, pour chaque question que je veux décrémenter une minuterie de 500 donc, pour chaque question, j'ai appelé la fonction CreateTimer (), mais comme je l'appelle CreateTimer() fonction deux fois,thrise et donc sur la vitesse augmente .Je ne suis pas à comprendre pourquoi ce qui se passe pourquoi minuterie de vitesse n'est pas la même dans tous les temps.

OriginalL'auteur sardar Coder | 2012-02-23

  1. 5

    Couple de points:

    1. Vous avez utilisé toutes les variables globales, c'est mieux de les garder privé afin que les autres fonctions ne plaisante pas avec eux
    2. Fonction des noms commençant par une majuscule lettre sont, par convention, réservés pour les constructeurs
    3. La fonction setTimeout n'ont pas de public, des variables ou des fonctions pour modifier la vitesse en cours d'exécution, donc vous pouvez utiliser des variables globales pour contrôler la vitesse. C'est OK si vous ne vous souciez pas des autres, de jouer avec eux, mais il vaut mieux les garder privé
    4. Le code pour UpdateTimer n'a pas été inclus
    5. Au lieu de passer d'une chaîne à setTimeout, passer une fonction de référence: setTimeout(Tick, 1000);

    De toute façon, si vous voulez une simple minuterie qui vous permet de modifier la vitesse de:

    <script>

var timer = (function() {
    var basePeriod = 1000;
    var currentSpeed = 1;
    var timerElement;
    var timeoutRef;
    var count = 0;

    return {
      start : function(speed, id) {
        if (speed >= 0) {
          currentSpeed = speed;
        }
        if (id) {
          timerElement = document.getElementById(id);
        }
        timer.run();
      },

      run: function() {
        if (timeoutRef) clearInterval(timeoutRef);
        if (timerElement) {
          timerElement.innerHTML = count;
        }
        if (currentSpeed) {
          timeoutRef = setTimeout(timer.run, basePeriod/currentSpeed);
        }
        ++count;
      },

      setSpeed: function(speed) {
        currentSpeed = +speed;
        timer.run();
      }
    }

}());

window.onload = function(){timer.start(10, 'timer');};

</script>

<div id="timer"></div>
<input id="i0">
<button onclick="
  timer.setSpeed(document.getElementById('i0').value);
">Set new speed</button>

    Qu'il garde toutes ses variables dans les fermetures afin que la fonction peut modifier. Vous pouvez la suspendre par la définition d'une vitesse de zéro.

    ok Merci, problème résolu, je ne suis pas à l'aide de la fonction clearInterval() fonction.

    OriginalL'auteur RobG

  2. 3

    Espoir, cela pourrait vous être utile:

    <html>
<head>
<script type="text/javascript">
function showAlert()
{
var t=setTimeout("alertMsg()",5000);
}
function alertMsg()
{
alert("Time up!!!");
}
</script>
</head>

<body>
<form>
<input type="button" value="Start" onClick="timeMsg()" />
</form>
</body>

</html>

    OriginalL'auteur Virtual

  3. 2

    Cochez cette démo sur jsFiddle.net.

    HTML

    <div id="divTimer">100</div>
<div id="divDec">1</div>
<div id="divSpeed">100</div>

<input id="start" value=" Start " onclick="javaScript:start();" type="button" />
<input id="stop" value=" Stop " onclick="javaScript:stop();" type="button" /><br/>

<input id="inc" value=" Increase " onclick="javaScript:increase();" type="button" />
<input id="dec" value=" Decrease " type="button" onclick="javaScript:decrease();"/>​

    JavaScript

     var handler;

function start() {
    handler = setInterval("decrementValue()", parseInt(document.getElementById('divSpeed').innerHTML, 10));
}

function stop() {
    clearInterval(handler);
}

function decrementValue() {
    document.getElementById('divTimer').innerHTML = parseInt(document.getElementById('divTimer').innerHTML, 10) - parseInt(document.getElementById('divDec').innerHTML, 10);
}

function increase() {
    document.getElementById('divDec').innerHTML = parseInt(document.getElementById('divDec').innerHTML, 10) + 1;
    document.getElementById('divSpeed').innerHTML = parseInt(document.getElementById('divSpeed').innerHTML, 10) + 200;
    stop();
    decrementValue();
    start();
}

function decrease() {
    document.getElementById('divDec').innerHTML = parseInt(document.getElementById('divDec').innerHTML, 10) - 1;
    document.getElementById('divSpeed').innerHTML = parseInt(document.getElementById('divSpeed').innerHTML, 10) - 200;
    stop();
    decrementValue();
    start();
}​

    Espère que c'est ce que vous cherchez.

    OriginalL'auteur Amar Palsapure