ラーメンタイマー
カップラーメンを作るための単機能のタイマー
キッチンタイマー
エッグタイマー
svg画像でラーメンタイマーを実装してみる suto3.icon
針は1分間に一周する
3周すると止まる（色が変わる）
リロードでやり直し
一時停止とか、そういう機能はない
https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/ラーメンタイマー/r.svg
code:r.svg
<svg width="200" height="200" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="45" fill="lightblue" stroke="black" stroke-width="5">
<animate
attributeName="fill"
from="lightblue"
to="gray"
begin="180s"
dur="0.1s"
fill="freeze"
/>
</circle>
<line x1="50" y1="5" x2="50" y2="50" fill="none" stroke="black" stroke-width="5" >
<!-- 60秒で0度から360度まで回転 -->
<animateTransform
attributeName="transform"
type="rotate"
from="0 50 50"
to="360 50 50"
dur="60s"
repeatCount="3" />
</line>
</svg>