1 Repo
Awesome GitHub RepositoriesTemporal Threshold Rendering
Conditional rendering logic that switches display formats based on the time elapsed since a timestamp.
Distinct from Conditional Rendering: Distinct from general boolean conditional rendering; triggers specifically based on a time difference threshold.
Explore 1 awesome GitHub repository matching user interface & experience · Temporal Threshold Rendering. Refine with filters or upvote what's useful.
Awesome Temporal Threshold Rendering GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- github/relative-time-element
github/relative-time-element
4,005Auf GitHub ansehenDieses Projekt bietet ein Web-Component-Time-Element, das das Standard-HTML-Tag erweitert, um menschenlesbare relative Zeitstempel und Countdowns anzuzeigen. Es fungiert als Formatierer für relative Zeitangaben und Zeitdauer-Rechner, der Zeitstempel in lokalisierte Strings umwandelt, die sich automatisch im Browser aktualisieren. Das Tool ermöglicht dynamische Zeitstempel-Anzeigen, die basierend auf konfigurierbaren Schwellenwerten von relativen Phrasen zu absoluten Daten wechseln. Es umfasst Funktionen zur Einschränkung der Zeitform, wodurch Zeitstempel ausschließlich als vergangene oder zukünftige Daten angezeigt werden können, und unterstützt die präzise Formatierung von Zeitspannen über Jahre, Monate, Tage, Stunden, Minuten und Sekunden hinweg. Die Implementierung nutzt die native Browser-Internationalization-API für das Rendering von Daten und die Lokalisierung über spezifische IANA-Zeitzonen. Der Status wird über DOM-Attribute verwaltet und ein Intervall-Polling stellt sicher, dass die Zeitanzeigen aktuell bleiben, ohne dass ein Seiten-Refresh erforderlich ist.
Switches between relative phrasing and absolute date strings based on a configurable time difference limit.
JavaScriptcustom-elementskeeplocalization
