ボタンをクリックしたらアニメーションを開始
前回のサンプルはHTMLの読み込みが完了したらすぐにアニメーションが開始する仕組みでしたが、今度はボタンをクリックしたらアニメーションを開始するようにしてみました。
body要素の onload=”init();”を消して、button要素にonclick=”init();”を追加したものです。
サンプル
*IE8以下のバージョンでは見れません。Web標準ブラウザでご覧ください。
<body onload="init();">
<button id="btn1" onclick="init();">
この程度ならJavaScriptだと身構えなくても大丈夫ですね。