Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

RingoMar/timer

Repository files navigation

drawing Time Since Timestamp Counter

This is a simple web application that displays the elapsed time since a specified timestamp. It can be useful for tracking how much time has passed since a particular event or milestone.

Features

  • Displays the elapsed time in hours, minutes, and seconds.
  • Supports starting the timer from a specified Unix timestamp provided as a URL parameter.

How to Use

Specify a Timestamp: Optionally, users can specify a timestamp by appending ?time= to the URL in the address bar of their web browser. They should replace with the desired timestamp in ISO 8601 format (e.g., 2024年03月29日T22:00:33Z).

For example, if the project is being served locally, the URL might look like this:

https://ringomar.github.io/timer/?time=2024年03月29日T22:00:33Z

This URL format allows users to set a specific starting time for the timer displayed by the web application.

Add a browser source to OBS (Open Broadcasting Software)

  1. Open OBS and go to the "Sources" window.

  2. Click the "+" button and select "Browser Source".

  3. In the "Create/Select Source" window, name your source (e.g., "Web Page") and click "OK".

  4. In the "Browser Source Properties" window, enter the URL (e.g., https://ringomar.github.io/timer/?time=2024年03月29日T22:00:33Z) to display.

  5. For the "Width" and "Height" settings, enter the desired dimensions

    Width: 400
    Height: 150

  6. Leave the "Custom CSS" settings at their defaults.

  7. Click "OK" to close the window and apply the settings.

AltStyle によって変換されたページ (->オリジナル) /