JQuery Countdown-Timer mit Millisekunden

8

Ich habe eine sehr einfache, leichtgewichtige Funktion, die von 30 Sekunden herunter zählt. Ich habe versucht, Millisekunden hinzuzufügen, aber ich kann nicht scheinen, damit es richtig funktioniert.

%Vor%     
StevenPHP 13.03.2014, 16:45
quelle

6 Antworten

8
___ answer22386238 ___
%Vor%     
___ qstntxt ___

Ich habe eine sehr einfache, leichtgewichtige Funktion, die von 30 Sekunden herunter zählt. Ich habe versucht, Millisekunden hinzuzufügen, aber ich kann nicht scheinen, damit es richtig funktioniert.

%Vor%     
___ qstnhdr ___ JQuery Countdown-Timer mit Millisekunden ___ antwort22385547 ___

Das Problem ist, dass der Browser das DOM nicht jede Millisekunde manipulieren kann. Aus diesem Grund setzen viele Browser tatsächlich einen Mindestwert für Intervalle - und das W3C schlägt mindestens 4 ms vor (Quelle) . Wir können diese Informationen verwenden, um einen gedrosselten Ansatz zu erstellen, der so schnell wie möglich ausgeführt wird.

%Vor%     
___ antwort22385697 ___

Probieren Sie es auf diese Weise aus. Stoppuhren zählen sowieso nur Hundertstelsekunden.

%Vor%

Nur zum besseren Formatieren und Testen :

HTML

%Vor%

JavaScript

%Vor%

BEARBEITEN:

Die ursprüngliche Frage war, herauszufinden, wie man eine Anzeige wie eine Stoppuhr macht, und ich kenne nur wenige, die tatsächlich Millisekunden zählen. Davon abgesehen ist hier eine mögliche Lösung dafür. Es beruht auf der Aktualisierung so schnell wie möglich, und die Differenz zwischen unserem letzten Update und unserem aktuellen zu erhalten, um genau zu bleiben.

%Vor%     
___ antwort22385915 ___

Sie können das versuchen. Wenn Sie auf moderne Browser abzielen, haben Sie möglicherweise Zugriff auf die API %code% , die Zeitstempel mit hoher Auflösung anstelle von normalen Zeitstempeln liefert.

Eine verbesserte Lösung würde %code% verwenden. Das Aktualisieren des DOMs in Millisekunden, auch wenn dies mit setTimeout () möglich ist, ist eine Verschwendung von Ressourcen, da der Browser den Bildschirm normalerweise nur 60 Mal pro Sekunde aktualisiert (alle 16,6 ms). Das Aktualisieren der Uhr zweimal oder öfter in diesem Intervall wäre nutzlos, und der Benutzer sieht nur den letzten Wert.

%Vor%

JSFIDDLE

    
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jquery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer38643476 ___

Basierend auf früheren Antworten habe ich einen objektorientierten Vanilla-Javascript-Ansatz abgeleitet.

Ich habe auch ein Github Repo erstellt, falls jemand es verbessern möchte.

Ссылка

%Vor%

Beispiel:

%Vor%     
___ answer40568111 ___

Ich weiß, dass dieser Beitrag alt ist, aber ich dachte, ich sollte meine Antwort teilen, vielleicht wird es jemandem helfen. Dieses Skript zählt das aktuelle Datum / Uhrzeit mit Millisekunden, Minuten, Sekunden, Monat, Tag, Jahr und Suffix, es ist einfach zu ändern, Sie können es zu Countdown ändern, wenn Sie

benötigen

%Vor% %Vor%
    
___
MirroredFate 13.03.2014, 16:59
quelle
2
___ answer22386238 ___
%Vor%     
___ qstntxt ___

Ich habe eine sehr einfache, leichtgewichtige Funktion, die von 30 Sekunden herunter zählt. Ich habe versucht, Millisekunden hinzuzufügen, aber ich kann nicht scheinen, damit es richtig funktioniert.

%Vor%     
___ qstnhdr ___ JQuery Countdown-Timer mit Millisekunden ___ antwort22385547 ___

Das Problem ist, dass der Browser das DOM nicht jede Millisekunde manipulieren kann. Aus diesem Grund setzen viele Browser tatsächlich einen Mindestwert für Intervalle - und das W3C schlägt mindestens 4 ms vor (Quelle) . Wir können diese Informationen verwenden, um einen gedrosselten Ansatz zu erstellen, der so schnell wie möglich ausgeführt wird.

%Vor%     
___ antwort22385697 ___

Probieren Sie es auf diese Weise aus. Stoppuhren zählen sowieso nur Hundertstelsekunden.

%Vor%

Nur zum besseren Formatieren und Testen :

HTML

%Vor%

JavaScript

%Vor%

BEARBEITEN:

Die ursprüngliche Frage war, herauszufinden, wie man eine Anzeige wie eine Stoppuhr macht, und ich kenne nur wenige, die tatsächlich Millisekunden zählen. Davon abgesehen ist hier eine mögliche Lösung dafür. Es beruht auf der Aktualisierung so schnell wie möglich, und die Differenz zwischen unserem letzten Update und unserem aktuellen zu erhalten, um genau zu bleiben.

%Vor%     
___ antwort22385915 ___

Sie können das versuchen. Wenn Sie auf moderne Browser abzielen, haben Sie möglicherweise Zugriff auf die API %code% , die Zeitstempel mit hoher Auflösung anstelle von normalen Zeitstempeln liefert.

Eine verbesserte Lösung würde %code% verwenden. Das Aktualisieren des DOMs in Millisekunden, auch wenn dies mit setTimeout () möglich ist, ist eine Verschwendung von Ressourcen, da der Browser den Bildschirm normalerweise nur 60 Mal pro Sekunde aktualisiert (alle 16,6 ms). Das Aktualisieren der Uhr zweimal oder öfter in diesem Intervall wäre nutzlos, und der Benutzer sieht nur den letzten Wert.

%Vor%

JSFIDDLE

    
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jquery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer38643476 ___

Basierend auf früheren Antworten habe ich einen objektorientierten Vanilla-Javascript-Ansatz abgeleitet.

Ich habe auch ein Github Repo erstellt, falls jemand es verbessern möchte.

Ссылка

%Vor%

Beispiel:

%Vor%     
___ answer40568111 ___

Ich weiß, dass dieser Beitrag alt ist, aber ich dachte, ich sollte meine Antwort teilen, vielleicht wird es jemandem helfen. Dieses Skript zählt das aktuelle Datum / Uhrzeit mit Millisekunden, Minuten, Sekunden, Monat, Tag, Jahr und Suffix, es ist einfach zu ändern, Sie können es zu Countdown ändern, wenn Sie

benötigen

%Vor% %Vor%
    
___
Ian Clark 13.03.2014 16:53
quelle
0
%Vor%     
Naveen Chandra Tiwari 13.03.2014 17:23
quelle
0
___ answer22386238 ___
%Vor%     
___ qstntxt ___

Ich habe eine sehr einfache, leichtgewichtige Funktion, die von 30 Sekunden herunter zählt. Ich habe versucht, Millisekunden hinzuzufügen, aber ich kann nicht scheinen, damit es richtig funktioniert.

%Vor%     
___ qstnhdr ___ JQuery Countdown-Timer mit Millisekunden ___ antwort22385547 ___

Das Problem ist, dass der Browser das DOM nicht jede Millisekunde manipulieren kann. Aus diesem Grund setzen viele Browser tatsächlich einen Mindestwert für Intervalle - und das W3C schlägt mindestens 4 ms vor (Quelle) . Wir können diese Informationen verwenden, um einen gedrosselten Ansatz zu erstellen, der so schnell wie möglich ausgeführt wird.

%Vor%     
___ antwort22385697 ___

Probieren Sie es auf diese Weise aus. Stoppuhren zählen sowieso nur Hundertstelsekunden.

%Vor%

Nur zum besseren Formatieren und Testen :

HTML

%Vor%

JavaScript

%Vor%

BEARBEITEN:

Die ursprüngliche Frage war, herauszufinden, wie man eine Anzeige wie eine Stoppuhr macht, und ich kenne nur wenige, die tatsächlich Millisekunden zählen. Davon abgesehen ist hier eine mögliche Lösung dafür. Es beruht auf der Aktualisierung so schnell wie möglich, und die Differenz zwischen unserem letzten Update und unserem aktuellen zu erhalten, um genau zu bleiben.

%Vor%     
___ antwort22385915 ___

Sie können das versuchen. Wenn Sie auf moderne Browser abzielen, haben Sie möglicherweise Zugriff auf die API Performance , die Zeitstempel mit hoher Auflösung anstelle von normalen Zeitstempeln liefert.

Eine verbesserte Lösung würde requestAnimationFrame() verwenden. Das Aktualisieren des DOMs in Millisekunden, auch wenn dies mit setTimeout () möglich ist, ist eine Verschwendung von Ressourcen, da der Browser den Bildschirm normalerweise nur 60 Mal pro Sekunde aktualisiert (alle 16,6 ms). Das Aktualisieren der Uhr zweimal oder öfter in diesem Intervall wäre nutzlos, und der Benutzer sieht nur den letzten Wert.

%Vor%

JSFIDDLE

    
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jquery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer38643476 ___

Basierend auf früheren Antworten habe ich einen objektorientierten Vanilla-Javascript-Ansatz abgeleitet.

Ich habe auch ein Github Repo erstellt, falls jemand es verbessern möchte.

Ссылка

%Vor%

Beispiel:

%Vor%     
___ answer40568111 ___

Ich weiß, dass dieser Beitrag alt ist, aber ich dachte, ich sollte meine Antwort teilen, vielleicht wird es jemandem helfen. Dieses Skript zählt das aktuelle Datum / Uhrzeit mit Millisekunden, Minuten, Sekunden, Monat, Tag, Jahr und Suffix, es ist einfach zu ändern, Sie können es zu Countdown ändern, wenn Sie

benötigen

%Vor% %Vor%
    
___
Oscar Paz 13.03.2014 17:08
quelle
0

Basierend auf früheren Antworten habe ich einen objektorientierten Vanilla-Javascript-Ansatz abgeleitet.

Ich habe auch ein Github Repo erstellt, falls jemand es verbessern möchte.

Ссылка

%Vor%

Beispiel:

%Vor%     
denodster 28.07.2016 17:51
quelle
0

Ich weiß, dass dieser Beitrag alt ist, aber ich dachte, ich sollte meine Antwort teilen, vielleicht wird es jemandem helfen. Dieses Skript zählt das aktuelle Datum / Uhrzeit mit Millisekunden, Minuten, Sekunden, Monat, Tag, Jahr und Suffix, es ist einfach zu ändern, Sie können es zu Countdown ändern, wenn Sie

benötigen

%Vor% %Vor%
    
BannerBomb 12.11.2016 21:59
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset R Zeitreihenprognose mit auto.arima und xreg = erklärende Variablen