How To Use Math Clock

Working with Clocks

Place new clocks on the workspace.

click add clock icon on toolbar to select a new clock type.

Geared hands move together to show time.

Geared clock keeps minut and hour hands in correct relation to each other.

Free-moving hands have no relationship when dragged.

Free-moving clocks allow total control over both the minute and hour hand.

Clock Display Options

display settings toolbar icon Select Display Settings to change the appearance of the clock face.

Select the hour hand, minute hand, and hand labels on and off.

digital display toolbar iconChoose Digital Display to show equivalent digital time. Tap to set.

The same time that is displayed on the analog clock will also display on the digital clock.

run jump tool toolbar iconRun the clock in real time with a second hand.

A digital display appears below the analog clock.

Jump the minute hand by whole numbers 1-99.

Press the left or right arrows to jump the clock by whole minutes.

Working with Elapsed Time

time elapse tool icon Elapsed Time tool
  1. Move hands to desired start time.
  2. Tap the check mark to begin.
A handle will appear next to the minute hand to drag to track elapsed time.
  1. Drag hands to new time. Positive elapsed time is green, and negative is red. A marker displays hours elapsed when change is greater than 60 minutes.
  2. Tap the X to start over.
As you drag the minute hand, the clock fills in to illustrate elapsed time.

Working with Fractions

fraction toolbar icon Add a fractional overlay to divide the clock face into parts.

A modal will appear to select the number of fractions to use.

Drag the handle to rotate.


Color fractional parts with the Fill Tool.

a palette of colors will appear to choose from.
You can fill each fractional section with any color you choose.

Working with Covers

Drag covers to move, or drag bottom corners to resize.

Finger dragging cover bottom right corner.

Hide or show a cover by tapping the eye icon.

Finger touching the eye icon.

Toolbar & Annotation Palette

IconToolShortcutDescription
start over iconStart OverescClear the workspace or reload the Share Code.
Add new clockNew ClockBPlace new clocks on the workspace.
Change the appearance of the clock faceEdit ClockNSelect display settings to change the appearance of the clock face.
turn on a digital clockDigital DisplayGShow the equivalent time on a digital clock.
open a dialog for the run jump tool.Run/JumpJToggle a dialog to either run the clock in real time, or jump the minute hand by whole numbers.
Toggle the time elapse for the selected clock.Elapsed TimeMTrack how far the minute hand moves.
Toggle the fraction tool.Fraction OverlayXOpen a dialog to select the number of fractions.
Fill fraction parts with multiple colors.Fraction FillFOnce fractions are enabled, you can select multiple colors to fill the fractions with.
zoom iconZoomZZoom the workspace in and out.
cover iconCoverHAdd a resizable cover to hide or show portions of the workspace.
duplicate iconDuplicateDDuplicate selected items.
trash iconTrashBackspace, deleteDelete selected items.
share code iconShare CodeKEnter a code to open shared work.
share iconShareSShare your work with an image, a link, or a code.
info iconInfoIView how-to and other information about this app.
math text iconMath TextEOpen a keypad for creating expressions and equations. Using the keyboard to add numbers and symbols also works.
Tip: Double-tap your text to edit it.
Writing tool iconWritingTEnter text using your keyboard.
Tip: Double-tap your text to edit it.
pen iconPenPCreate freehand drawings.
highlighter iconHighlighterLCreate transparent freehand drawings.
eraser iconEraser~Selectively erase Pen and Highlighter drawings.
erase all drawing iconErase All DrawingAErase all Pen and Highlighter drawings.
rectangle iconRectangleRCreate a rectangle or square.Drag the corners to resize proportionally, or the edges to change proportions.
filled rectangle iconFilled RectangleShift-RCreate a filled rectangle or square. Drag the corners to resize proportionally, or the edges to change proportions.
oval iconOvalOCreate an oval or circle. Drag the corners to resize proportionally, or the edges to change proportions.
filled oval iconFilled OvalShift-OCreate a filled oval or circle. Drag the corners to resize proportionally, or the edges to change proportions.
line iconLine/Create a resizable line. Drag the ends to change the length or angle.
color iconColorCChange the color of selected objects. If no object is selected, set the default color.
line thickness iconLine Thickness & Arrows\Change the line thickness of selected objects. Add arrows to selected lines. If no object is selected, set the default thickness and arrows.