Picture in Pictureにより、最前面に表示するタイマーです。
時間が切れたらBeep音が鳴ります。
一部ブラウザでは動作しない可能性があります。
参考：Can I use... Support tables for HTML5, CSS3, etc
| パラメータ名 | 説明 | デフォルト値 | 例 |
|---|---|---|---|
| min, sec | 初期値の分、秒 | 5, 0 | ?min=1&sec=30 |
| w, h | タイマーの幅、高さ | 220, 120 | ?w=400&h=300 |
| font | フォント | sans-serif | ?font=serif |
| fontSize | フォントサイズ(時間) | 52px | ?fontSize=32px |
| fontSizeTimeOver | フォントサイズ(タイムオーバー) | 34px | ?fontSizeTimeOver=16px |
| fontColor | フォント色 | 59FFA0 | ?fontColor=FFFFFF |
| mute | チェックボックス「Beep音を鳴らす」をoffにする | 1 | ?mute=1 |
| keepElapsedTime | チェックボックス「残り時間を保持する」をonにする | 0 | ?keepElapsedTime=1 |
<iframe src="https://mh326.github.io/picture_in_picture_timer/?min=3" width="600" height="240"></iframe>