Step 1

 ¶ 


Select the Timer on the page.

Step 2

 ¶ 


Select the Options tab.

Step 3

 ¶ 


The Options and Style tab have a number of control and design options for the Timer as a whole. You can adjust the options, set a variable, change the variation, choose a size, and change the color and style of the timer. Use the FX tab to add entrance effects.  Select Option 3 under Size to make the timer bigger.

Step 4

 ¶ 


Under Options, select Binding.

Step 5

 ¶ 


The Progress Bindings popup shows. Here you can adjust the amount of time to Count Down from or Count Up to by using the Use Value Option. Or you can display a value from a Variable. Within the Use Value field, select the down triangle to adjust the timer to display 4 seconds.

Step 6

 ¶ 


Select Ok.

Step 7

 ¶ 


Under options, make sure Count Down and Auto Start under Options are selected. Count Down enables the “Out of Time!” Text show once the timer runs out.  Auto Start, will start the timer automatically once the page loads. Select the Interact tab.

Step 8

 ¶ 


Select Triggers under Element Interactions.

Step 9

 ¶ 


Select Media/Timer is… Under Selected Element.

Step 10

 ¶ 


Select Ends under When This Element.

Step 11

 ¶ 


Select Next.

Step 12

 ¶ 


Under Hides and Shows select Show.

Step 13

 ¶ 


Select Next.

Step 14

 ¶ 


The Element Interactions Panel shows, Select the Out of ime Text element under Targets.

Step 15

 ¶ 


Select Apply.

Step 16

 ¶ 


Select Done.

Step 17

 ¶ 


Preview the current page to see how the Out of time! Text will display after the Timer runs out.


  0     0

Similar Projects

thumbnail image
Adding a Publish Target to an Element on a Page
2023-08-02

You can have Elements on any Page targeting multiple learning audiences or contexts

1 min read
avatar
Chris Van Wingerden
How can i show a timer based on a videos time?
2021-12-03
avatar
jhermes18
Show an element only once
2022-07-08

Hi, 
I'm currently trying to create a show and hide interactive, but I want to make it, so on load it's hidden, but then once you click a button it shows, and stays visibile forever. Currently when I use the show/hide actions, then I navigate back to the page, the element hides again. 
To get around this I've been using variables, set to true, and then the element shows when the variable is true. This seems to hold even when going back to the page, but it's a ime consuming process. Having to ...

avatar
stephen
How do you create a trigger on one page to show an icon on another page?
2021-08-31

How do you trigger a show action for an icon that is on one page, but the trigger action is the completion of another page? 

I selected the page > clicked Trigger > When this page is completed > Show Action > then the only items I can select are on the same page that I am using as a trigger. I can't figure out where to select an image on another page to show on completion. The search only returns items on the same page, too.

Do I have to create a custom variable or am I missing ...

avatar
andrea.newell
thumbnail image
Working with the Show a Page in a Light Box action
2022-02-10

Create unique and engaging learner experiences by showing content in a modal window over your main page

3 min read
avatar
Chris Van Wingerden
thumbnail image
Working with the Commit Process, Page Versions and the Allow Others to Edit/Edit All Pages Feature
2021-06-11

Everything you do is automatically saved as you author, but sometimes you want to save for special reasons

3 min read
avatar
Chris Van Wingerden
thumbnail image
Rearranging the Order of Things on a Flow Page
2023-03-23

Easily move and re-order Sections, Rows, Groups and Elements within their respective container

1 min read
avatar
Chris Van Wingerden
thumbnail image
Adding a Baseline Page (Template) as new Sections on a Flow Page or new Layers on a Claro page
2023-02-09

Speed up development time by using Baseline Projects as your own template library for Sections or Layers

1 min read
avatar
Chris Van Wingerden
thumbnail image
Type to me: Showing learner-entered text on a page
2018-04-09

You can display the value of variables in any text element

2 min read
avatar
Chris Van Wingerden
Can you set an element to persistently show even after navigating to other pages WITHOUT using a variable?
2022-01-12

Scenario:

We're using a single in-line text input field with an associated variable (per screen) instead of the standard Short Essay question template (we have reasons for not being able to use the template, mostly to do with being unable to disable the default template pop-ups)
We want to have feedback displayed when a custom Submit button is clicked and we want that feedback to stay visible even after they navigate away and back to the screen. This is so they don't have to click on the S...

avatar
EmilyJ

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.