『ドラゴンクエストⅪ』を、嫁の分も合わせて2本予約をした kouraku です。 『GUNDAM VERSUS』は7月6日発売、そして『ドラゴンクエストⅪ』は7月29日発売・・・ 今からこの怒涛の7月をどう乗りこなすか、悩み事は尽きませんね。 さて今回は、前回作成したドーナツグラフを元に、更に応用してタイマー機能を作っちゃおう! という内容をメモメモ。 【前回の記事】 【この記事で必要な知識】 HTML/CSS JavaScript jQuery 前回のおさらい 前回作成したドーナツグラフは、以下のようなものでした。 今回は、このサンプルを元にタイマー機能を作ります。 タイマー用にHTMLを変更する まずはHTMLを少しだけ変更します。 [pug] .wrap #container .count-wrap .num 60 ドーナツグラフを表示させる #container を .wrap で