To add a days-since counter to your website, set a start date in the days-since counter, copy the embed code it gives you, and paste that snippet into your page. It drops in a live count-up that ticks every second in each visitor’s browser, showing how long it has been since your date, with nothing to install.
What the embed snippet is
The snippet is a single <iframe> tag. It points at a small, self-contained page on our site that carries your start date, label and theme in the link. When your page loads, the iframe loads that widget, which then counts up on its own. Because the whole thing runs in the visitor’s browser, your site does not need any scripts, build steps or accounts.
Here is the shape of what you paste:
<iframe src="https://date.hivly.net/embed/days-since-counter/?date=2020-01-01&label=Sober&theme=light"
width="100%" height="210" style="border:0" title="Time since Sober"></iframe>The date is the day you are counting from, the label is the name shown above the numbers, and theme picks light or dark. You do not write these by hand; the Copy embed code button fills them in from what you type.
Setting it up
- Open the days-since counter and pick your start date. Add a time if you want the seconds to line up exactly.
- Type a label such as Sober, Together or Launch so the counter reads clearly.
- Choose a light or dark theme, press Copy embed code, and paste the snippet where you want the counter to sit.
That is the whole job. The counter starts from your date and keeps ticking while each visitor is on the page.
Count-up, not countdown
A days-since counter is the mirror image of a countdown timer: instead of counting down to a future moment, it counts up from a past one. That makes it a natural fit for streaks, sobriety dates, anniversaries and “days since launch” or “days without incident” boards. If you want to count down to an event instead, the countdown timer and its setup guide cover that.
Changing or removing it
To change the date, label or theme, make a new counter and copy a fresh snippet, then swap it for the old one. To remove the counter, delete the iframe tag from your page. Everything the widget needs travels inside the embed link, so a new copy carries any change you make.
