Simple Stopwatch Easy to Use

外掛說明

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:

  • modestopwatch or countdown. Default: stopwatch
  • from — countdown starting time, format HH:MM:SS. Default: 00:05:00. Only used when mode="countdown"
  • color — button color (hex). Default: #2271b1
  • size — display size: small or large. Default: large
  • ms — show milliseconds: yes or no. Default: no
  • sound — play a sound on start/stop/countdown-end: yes or no. Default: no
  • persist — remember elapsed time after a page reload: yes or no. Default: no

Example: [simple_stopwatch mode="countdown" from="00:10:00" color="#25D366" sound="yes"]

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Simple Stopwatch

安裝方式

  1. Upload the plugin files to /wp-content/plugins/simple-stopwatch-easy-to-use/
  2. Activate the plugin through the Plugins menu in WordPress
  3. Add the “Simple Stopwatch” block from the block inserter, or add [simple_stopwatch] to any page or post

常見問題集

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" and from="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).

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Simple Stopwatch Easy to Use〉的開發相關工作。

參與者

將〈Simple Stopwatch Easy to Use〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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