> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/building-blocks/extra-blocks/timer.md).

# Timer

### Timer <a href="#extrablocks-timer" id="extrablocks-timer"></a>

&#x20;The Timer element would be used any time you would like to add a timer to your pages to instill a sense of urgency on your pages.

<figure><img src="/files/ldHiOsPGLuda309QMv8b" alt=""><figcaption></figcaption></figure>

After you drag a timer block onto the page you can click on the numbers/text and use the Font menu under the Style Manager to adjust the font type, size, and color of the text and numbers.

<figure><img src="/files/bOMXNDXbx1OWQjuyTdMc" alt=""><figcaption></figcaption></figure>

To configure the Timer itself, click on the space to the far left or right within the element that highlights the entire Timer element. Then open the element’s settings inside the [Style Manager](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/settings-and-style-manager.md) to configure the Timer.

<figure><img src="/files/GCzbh9rYFeRWmwlZ3UPK" alt=""><figcaption></figcaption></figure>

**Timer Type**:

<figure><img src="/files/QeddHZGE4dxkMJll39aP" alt=""><figcaption></figcaption></figure>

* Minute Timer - Timer set based on Hours, Minutes, and Seconds values
* Countdown Timer - Counts down to the Date and Time specified in the **Start** value
* Count Up Timer - Timer counts up from 0 until the time set in the Hours, Minutes, and Seconds values

**End Text**: The text you want to display after the timer completes. End Text could display a simple text message (EXPIRED!), a url to send users to another page (<https://etc>), or an element ID to open a previously hidden element (#12345)

**Align**: Choose the alignment of the Timer within the element it resides

**Hours**: Sets the hour value on the timer. Will overlap to Days value if >24 hours and Days is not removed from the Timer

**Minutes**: Sets the minute value on the timer

**Seconds**: Sets the seconds value on the timer

Relative Links:

[Make a button appear after a set amount of time](/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/make-a-button-appear-after-a-set-amount-of-time.md)