HatScripts / play-sound-every

A configurable timer that plays a sound at a regular interval.

Play sound every…

A countdown timer that plays a custom sound at a specified interval.

Try it out!

CodePen version

Also hosted on CodePen but this version has a caveat: It must* be viewed within an iframe so neither the page title nor the favicon can be changed, thus the following do not work:

• Animated emoji clock in the page title
• Potential future features such as custom animated favicons

* A way around this is to use debug mode, which requires at minimum a CodePen account.

1. Log in to your CodePen account
2. Make a fork of the pen
3. View your forked pen in debug mode

Tip: If you have CodePen PRO you can just view the original pen in debug mode.

Acknowledgements

• CodePen - Countdown timer with SVG circle
• CodePen - Emoji clock loader
• SO answer (JSBin example)

Frameworks

• Bootstrap 4 (styles)
• Feather (icons)
• Wilderness (animating icons)