How can I add this countdown timer to my site?

I've seen this style of countdown timer on a lot of Clickbank products and haven't been able to figure it out by digging through the source code.

Here's an example on this page: https://www.paleorecipeteam.com/bone-broth/

I know how to add a normal countdown, but I'd like to have a timer that's triggered by scrolling to part of the page and when the timer hits zero it removes the special offer.

Thanks

 

I see no counter on that page.

 

The counter is about 2/3 of the way down the page right below the subhead that reads "An affordable way to sample the The Bone Broth Cookbook recipes"

You have to linger on that spot for a second and the counter and buy buttons pop up.

 

Something like this? http://jsfiddle.net/p2wkfdaz/3/

 

Close. But the counter doesn't start immediately when the page loads. It starts when you scroll to a designated part of the page. When it's triggered, it also displays a graphic and a buy button in addition to a counter.

When the counter hits zero the graphic and buy button go away and are replaced with a message letting the visitor know they missed out.

 

I'm sure this is called JavaScript. I'm only know the basics so far so I will not be able to help. However JavaScript controls all the user interactively of a website.

 

You CAN use it for user interaction, but remember that the page that isn't usable without javascript (or css for that matter) is a failed page waiting for a place to happen.

gary

 

This will get the job done.
https://www.w3schools.com/howto/howto_js_countdown.asp

 

Easy if you using WordPress on this.. lol