Time - H2R Graphics v2

The Time graphic is perfect for showing timers.
Types of timers
There are multiple types of timers that an be used within H2R Graphics
Current Date/Time
This can be used as a classic Time of Day display for your production.
To Time of Day
Choose an end time within the current day and count down to it.
Countdown
Choose an amount of time. Start at that time and count down to 0.
Count up
Choose an amount of time. Start from 0 and count up to that chosen time.
Additionally you can set a custom start time. Perfect for things like sports where you might want to start counting from 45:00 and count up to 90:00.
Display format
The Display format input allows you to decide how a timer should display.
Editing an Time graphic
For example:
HH:mm:ss - Will display 13:30:00 on a Current Date/Time graphic.
h:mm:ss - Will display 1:30:00 on the same Current Date/Time graphic.
Formating
Here are a few more helpful formatting options.
Text
Display
H
0 1 2 ... 22 23
HH
00 01 02 ... 22 23
h
0 1 2 ... 11 12
hh
00 01 02 ... 11 12
m
0 1 ... 58 59
mm
00 01 ... 58 59
s
0 1 ... 58 59
ss
00 01 ... 58 59
A
AM PM
a
am pm
H2R Graphics makes use of the popular Moment.js library. Explore more formating options here.
Escaping text
You can also type text into the Display format input that will show up on the timer.
A good example for this would be 1hr 10min 40sec.
Use the square brackets [ and ] on your keyboard to do this.
Custom text in a timer
In the example about, the text has been escaped using the brackets.

Output - Previous

Output window

Next - Theme

Fonts

Last modified 3mo ago

Copy link

Outline