Create CountTo (Date-based)
Date-based countdowns, called CountTo timers, count down to a specific moment in time. Instead of setting a duration, you choose an exact date and time when the countdown should reach zero.
Information
Warning
Common Use Cases
| Use Case | Example | Best For |
|---|---|---|
| Product Launches | New product release on specific date | Building anticipation for exact release times |
| Event Start Times | Stream event, webinar, tournament start | Showing viewers exactly when to return |
| Sales End Dates | Flash sale ends Friday at midnight | Creating urgency with visible deadline |
| Seasonal Events | New Year's Eve, special anniversaries | Countdown to holidays or milestones |
Tip
Creating a CountTo Timer
Follow these steps to create a date-based countdown:
- Navigate to the Editor on gettickr.app
- Select "CountTo" from the timer type options at the top
- In the General tab, click the date and time picker
- Select your target date and exact time when the countdown should reach zero
- Watch the live preview update with the remaining time
- Optionally add a title to help identify this timer
Information
Target Date Considerations
Choosing your target date:
- Consider your primary audience's timezone for event timing
- For global events, align with UTC or a major timezone
- The timer automatically adjusts display units based on distance from target
- Countdowns months away show months/days; countdowns hours away show hours/minutes/seconds
Tip
Timer Behavior at Zero
When the countdown reaches the target date/time:
- Displays all zeros and stops counting
- No negative numbers or counting past zero
- Shows completed status until you update the target date
Premium Feature
Saving and Managing CountTo Timers
Premium Feature
When you load a saved CountTo timer:
- Automatically recalculates remaining time from current moment
- If target date has passed, shows as completed
- Easy to update target date for next occurrence
- Same design and layout preserved
Perfect for recurring events:
- Weekly streams (update target date each week)
- Monthly sales (change target date each month)
- Annual events (update year, keep month/day)
Timezone Handling
| Scenario | How it Works |
|---|---|
| Setting target time | Uses your local timezone in the editor |
| Viewer in different timezone | Sees countdown to same absolute moment |
| International events | Everyone counts down together to the same instant |
| Daylight Saving Time | Automatically handled by browser |
Warning
CountTo vs. Countdown: Key Differences
| Feature | CountTo (Date-based) | Countdown (Duration-based) |
|---|---|---|
| Configuration | Target date/time | Duration (hours, minutes, seconds) |
| Control | Cannot pause/start | Can pause, start, reset |
| Behavior | Runs continuously | Controlled manually |
| Use Case | Fixed events, deadlines | Breaks, challenges, timed events |
| Premium Remote Control | Update target date/time | Start, pause, reset, adjust time |
| State Persistence | Always stateless | Can persist state (Premium) |
Tip
Next Steps
- Create Countdown (Duration-based) - Compare duration vs. date-based
- Remote Control Your Timer - Understand control differences between timer types
- Customize Design - Make it match your brand
- Save & Manage Timers - Organize multiple timers