javascript countdown zeigt Millisekunden

Möchte ich einen count-down und wollen zeigen, wie format Minuten:Sekunden:Millisekunden. Ich machte ein count-down mit jquery-plug-in countdown aber es zeigt nur "Minuten:Sekunden" - format.
Gibt es eine Möglichkeit, es richtig zu machen?
Vielen Dank!

  • Wenn Sie möchten, zeigen Sie ein countdown, dass updates jede einzelne Millisekunde, die Sie gehen zu start behindert die browser-Leistung. Browser in der Regel nicht selbst ausführen setTimeout/setInterval dies schnell. Aber hey - sehen Sie sich.
  • Sie, mein Leben zu retten-vielen Dank!
InformationsquelleAutor Ibrahim YILMAZ | 2011-02-02
  1. 2

    Hallo Leute ich habe entwickelt einen code für mein selbst, verwenden Sie den folgenden code
    Zähler für 20 Sekunden

    var _STOP =0;

var value=1999;

function settimer()

{
    var svalue = value.toString();

    if(svalue.length  == 3)

        svalue = '0'+svalue;
    else if(svalue.length  == 2)
        svalue = '00'+svalue;
    else if(svalue.length  == 1)
        svalue = '000'+svalue;
    else if(value == 0)
        svalue = '0000';
    document.getElementById('cn1').innerHTML = svalue[0];
    document.getElementById('cn2').innerHTML = svalue[1];
    document.getElementById('cn3').innerHTML = svalue[2];
    document.getElementById('cn4').innerHTML = svalue[3];   
    value--;

    if (_STOP==0 && value>=0) setTimeout("settimer();", 10);
}

setTimeout("settimer()", 10);
    • Sie sollten nicht übergeben Sie Zeichenfolgen an setTimeout. Das beinhaltet einen expliziten Aufruf eval. Vielmehr sollten Sie übergeben eine Referenz. I. e., setTimeout(settimer).
    InformationsquelleAutor Devendra Singh
  2. 2

    Versuchen Sie dies: http://jsfiddle.net/aamir/TaHtz/76/

    HTML:

    <div id="timer"></div>

    JS:

    var el = document.getElementById('timer');
var milliSecondsTime = 10000;
var timer;


el.innerHTML = milliSecondsTime/1000;
timer = setInterval(function(){
    milliSecondsTime = milliSecondsTime - 1000;
    if(milliSecondsTime/1000 == 0) {
        clearTimeout(timer);
        el.innerHTML = 'BOOOOM';
    }
    else {
        el.innerHTML = milliSecondsTime/1000;
    }
},1000);
​
    InformationsquelleAutor Aamir Afridi
  3. 1

    Wenn Sie wollen, um Ihren eigenen timer.
    Lesen Sie diese frühere Frage

    So erstellen Sie ein JQuery-Uhr /Timer

    InformationsquelleAutor Joko Wandiro
  4. 0

    Versuchen Sie den format-parameter - http://keith-wood.name/countdownRef.html#format

    Weiter zu Lesen, wird dieses plugin nicht Millisekunden. An diesem Punkt müssen Sie entweder Bearbeiten Sie die eigentlichen plugin-code oder finden Sie ein neues plugin.

    InformationsquelleAutor A. Rager
  5. 0

    Ich völlig einverstanden mit @Matt Balls Kommentar.Es kann auch dazu führen, den browser zum Absturz zu bringen.

    Warum nicht Sie versuchen, diese Lösung anstelle

    jQuery-1-minute-countdown mit Millisekunden und Rückruf

    InformationsquelleAutor Clyde Lobo
  6. 0

    Habe ich es gemacht wie dieser (generische Zähler von N bis X (X > N)):

    var dynamicCounterAddNewValue = 20;
    var currentDynamicUpdater;

    function dynamicCounterForValueForControlUpdater(_updaterData) {
       _updaterData.from += dynamicCounterAddNewValue;

       if (_updaterData.from > _updaterData.to) {
          _updaterData.from = _updaterData.to;
       }

       _updaterData.c.html(_updaterData.from.toString());
       if (_updaterData.from < _updaterData.to) {
          currentDynamicUpdater = setTimeout(
             dynamicCounterForValueForControlUpdater,
             10,
             {
                c: _updaterData.c,
                from: _updaterData.from,
                to: _updaterData.to
             }
             );
       }
       else {
          clearTimeout(currentDynamicUpdater);
       }
       return;
    }

    //_c -> jQuery object (div,span)
    //_from -> starting number
    //_to -> ending number
    function dynamicCounterForValueForControl(_c, _from, _to) {
       clearTimeout(currentDynamicUpdater);
       dynamicCounterForValueForControlUpdater(
          {
             c: _c,
             from: _from,
             to: _to
          }
          );
       return;
    }

    EDIT: Aktualisierte version (flexibler - für N Elemente, eines nach dem anderen):

    (input-element ist Array Elemente machen Sie zu einem dynamischen-zählt)

    var dynamicCounterTimeout = 10;
var currentDynamicUpdater;

function odcArray(_odca) {
   this.odca = _odca;
   return;
}

function odc(_c, _from, _to) {
   this.c = _c;         //$('#control_id')
   this.from = _from;   //e.g. N
   this.to = _to;       //e.g. M => (M >= N)
   var di = parseInt(_to / 45, 10);
   if (di < 1) {
      di = 1;
   }
   this.dynamicInc = di;
   return;
}

function dynamicCounterForValueForControlUpdater(_odca) {
   if (
      _odca.odca === null
      ||
      !_odca.odca.length
      ) {
      clearTimeout(currentDynamicUpdater);
      return;
   }

   var o = _odca.odca[0];
   o.from += o.dynamicInc;

   if (o.from > o.to) {
      o.from = o.to;
      _odca.odca.shift();  //Remove first element
   }
   o.c.html(o.from.toString());

   currentDynamicUpdater = setTimeout(
      dynamicCounterForValueForControlUpdater,
      dynamicCounterTimeout,
      _odca
      );

   return;
}

function dynamicCounterForValueForControl(_odca) {
   clearTimeout(currentDynamicUpdater);
   //SETUP all counters to default
   for (var i = 0; i < _odca.odca.length; i++) {
      _odca.odca[i].c.html(_odca.odca[i].from.toString());
   }
   dynamicCounterForValueForControlUpdater(
      _odca
      );
   return;
}
    InformationsquelleAutor sabiland
Schreibe einen Kommentar