https://github.com/filipchalupa/just-time-webcomponent

<just-time> webcomponent showing current time like 03:14:15.
https://github.com/filipchalupa/just-time-webcomponent

Last synced: about 2 months ago
JSON representation

<just-time> webcomponent showing current time like 03:14:15.

• Host: GitHub
• URL: https://github.com/filipchalupa/just-time-webcomponent
• Owner: FilipChalupa
• License: isc
• Created: 2021-11-07T19:44:06.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-07T20:27:46.000Z (over 3 years ago)
• Last Synced: 2025-03-02T21:13:27.809Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 22.5 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Just Time Webcomponent [![npm](https://img.shields.io/npm/v/just-time-webcomponent.svg)](https://www.npmjs.com/package/just-time-webcomponent) [![Dependencies](https://img.shields.io/david/FilipChalupa/just-time-webcomponent.svg)](https://www.npmjs.com/package/just-time-webcomponent?activeTab=dependencies) ![npm type definitions](https://img.shields.io/npm/types/just-time-webcomponent.svg) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/just-time-webcomponent)

Webcomponent showing current time. Inspired by [just-time.eu](https://just-time.eu/). Try [demo.html](https://filipchalupa.cz/just-time-webcomponent/demo.html).

# How to use

```html

Right now is .

```

## Or without seconds

```html

Right now is .

```

## Prevent size jumps

Set `font-variant-numeric: tabular-nums` in your CSS. Use a font supporting this like [Google fonts Open Sans](https://fonts.google.com/specimen/Open+Sans).