Description
Simple Stopwatch Easy to Use lets you embed a fully functional stopwatch or countdown timer anywhere on your WordPress site, using either a shortcode or a block.
Features:
- Stopwatch (count up) and countdown timer modes
- Start, Stop, Reset controls
- Lap time recording, with export to a text file
- Optional millisecond display
- Optional sound on start/stop and when a countdown reaches zero
- Optional “remember time after page reload” using local storage
- Works as a Gutenberg block or a shortcode
- Multiple stopwatches on the same page work independently
- Customizable color and size
- Lightweight — no jQuery dependency
- Works on any theme
Usage:
Add the “Simple Stopwatch” block from the block inserter, or use the shortcode:
[simple_stopwatch]
Shortcode Options:
mode—stopwatchorcountdown. Default:stopwatchfrom— countdown starting time, formatHH:MM:SS. Default:00:05:00. Only used whenmode="countdown"color— button color (hex). Default:#2271b1size— display size:smallorlarge. Default:largems— show milliseconds:yesorno. Default:nosound— play a sound on start/stop/countdown-end:yesorno. Default:nopersist— remember elapsed time after a page reload:yesorno. Default:no
Example: [simple_stopwatch mode="countdown" from="00:10:00" color="#25D366" sound="yes"]
Screenshots


Blocks
This plugin provides 1 block.
- Simple Stopwatch
Installation
- Upload the plugin files to
/wp-content/plugins/simple-stopwatch-easy-to-use/ - Activate the plugin through the Plugins menu in WordPress
- Add the “Simple Stopwatch” block from the block inserter, or add
[simple_stopwatch]to any page or post
FAQ
-
How do I add the stopwatch to my page?
-
Use the block inserter and search for “Simple Stopwatch”, or add the shortcode
[simple_stopwatch]to any page, post, or widget. -
Can I use a countdown timer instead of a stopwatch?
-
Yes — set
mode="countdown"andfrom="00:10:00"(or whatever starting time you want) in the shortcode, or choose “Countdown timer” in the block settings. -
Can I change the color?
-
Yes — use
[simple_stopwatch color="#ff0000"]or set the color in the block’s Inspector panel. -
Can I add more than one stopwatch on the same page?
-
Yes, each one runs independently.
-
Does it remember the time if I refresh the page?
-
Only if you enable that option (
persist="yes"in the shortcode, or the matching toggle in the block).
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Simple Stopwatch Easy to Use” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Simple Stopwatch Easy to Use” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- Added countdown timer mode
- Added Gutenberg block (in addition to the shortcode)
- Fixed: multiple stopwatches on the same page now work independently
- Added optional millisecond display
- Added optional sound on start/stop and countdown end
- Added optional “remember time after reload”
- Added lap export to a text file
- Added accessibility labels to controls
1.0.0
- Initial release
