timer mit javascript

Möchte ich umsetzen timer mit Hilfe von java script.Ich möchte Dekrement-Zeitgeber mit der variation des Intervalls.
Beispiel.Angenommen mein timer startet bei 500 .
Ich will Dekrement-Zeitgeber abhängig von der Ebene, wie z.B.
1. 1st-level-timer Dekrementieren um 1 auch verringern Sie die Geschwindigkeit soll langsam sein.
2.2 nd-level-timer Dekrementieren von 2-und Dekrement-Geschwindigkeit sollte Mittel
3.3 rd-level-timer Dekrementieren von 3-und Dekrement-Geschwindigkeit sollte schnell sein

Kann ich timer erstellen mit dem folgenden code:

<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;
    }
}

Aber ich nenne das CreateTimer () - Funktion mehrmals, so dass seine Geschwindigkeit nicht kontrollieren, weil ich es rufen viele Male.

Es gibt keine Variante (N) der Zeit. Warum machst du das? Sie können nur einen timer, stellen Sie einen Anfangswert ein, und überprüfen Sie, wie es geht.
Natürlich können Sie ändern Sie die Geschwindigkeit, während die Zeit läuft, es muss nur ein avariable.
ingyhere ich mache ein Spiel(quiz), in dem für jeden die Frage soll ich Dekrement-Zeitgeber von 500, so dass für jede Frage, die ich genannt-Funktion CreateTimer (), aber wie rufe ich CreateTimer () - Funktion zweimal,thrise und so auf die Geschwindigkeit nimmt zu .Ich bin nicht verstehen, warum dies geschieht, warum die timer-Geschwindigkeit ist nicht die gleiche zu jeder Zeit.

InformationsquelleAutor sardar Coder | 2012-02-23

  1. 5

    Paar Punkte:

    1. Die Sie verwendet haben, alle globalen Variablen, ist es besser Sie für sich zu behalten, so dass andere Funktionen nicht Durcheinander mit Ihnen
    2. Funktionsnamen beginnen mit einem Kapital Buchstaben sind per Konvention reserviert für Konstruktoren
    3. Die Funktion setTimeout keine public-Variablen oder-Funktionen, um die Geschwindigkeit zu ändern, während es läuft, so können Sie nur Globale Variablen verwenden um die Geschwindigkeit zu Steuern. Das ist OK, wenn Sie nicht kümmern sich um andere Unordnung mit Ihnen, aber besser Sie für sich zu behalten
    4. Der code für UpdateTimer wurde noch nicht aufgenommen
    5. Statt übergeben Sie eine Zeichenfolge an setTimeout übergeben Sie eine Funktion Referenz: setTimeout(Tick, 1000);

    Jedenfalls, wenn Sie möchten, eine einfache timer, können Sie die Geschwindigkeit verändern:

    <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>

    Er hält alle seine Variablen in closures, so dass nur die Funktion ändern können Sie. Sie können anhalten, indem Sie eine Geschwindigkeit von null.

    ok Danke problem gelöst ich bin nicht mit clearInterval () - Funktion.

    InformationsquelleAutor RobG

  2. 3

    Hoffnung, dies könnte hilfreich sein:

    <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>

    InformationsquelleAutor Virtual

  3. 2

    Schauen Sie sich diese demo auf 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();
}​

    Hoffe das ist was du suchst.

    InformationsquelleAutor Amar Palsapure

Schreibe einen Kommentar