× 無料のユーザー登録をすると学習状況を管理することができるようになります

ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

【旧版】JavaScriptで作る5秒当てゲーム (全4回)

最新版のレッスンはこちらから » 【最新版】JavaScriptで5秒当てゲームを作ろう (全9回)

スタートボタンを押してからきっかり5秒後にストップボタンを押すゲームを作ってみます。

#01 画面を作ってみよう
2012年2月27日

補足情報 IEでは「start」という名前の関数を定義できない

IEでは「start()」という名前の関数を使うと「このオブジェクトではサポートされていない操作です」というエラーが出てしまいます。

IEで動作させたい場合には、スタートボタンで使う関数名を別の名前に書き換えるようにしてください。
#02 スタート時刻、ストップ時刻の取得
2012年1月8日

補足情報 getTimeで取得できるデータとは？

getTimeで得られるのは1970/1/1から現在までのミリ秒となります。多くのコンピューターシステムが1970/1/1を基準日として使いますので豆知識として覚えておきましょう。
なお、getTimeに関しては公式ドキュメントも参考にしてみてください。
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/getTime
#04 結果を表示する
2012年2月27日

補足情報 2回以上続けて動作させたい場合

ユーザーの方からもご指摘がありましたが、このプログラムでは「start」「stop」という名前で関数と変数の両方が定義されているため、2回以上実行するとエラーが発生してしまいます。

2回以上実行させたい場合は、関数と変数のどちらかの名前を重複しないように別の名前に書き換えてください。

なお、 #01 のレッスン http://dotinstall.com/lessons/just_five_js/3001 の補足情報にも記載しましたが、IEでは start という名前の関数を定義するとエラーになるようなので、関数名を書き換えるほうがいいかもしれません。
2012年2月7日

補足情報 メッセージの表示方法について

ユーザーの方からご指摘いただきました。このままでも動作しますが、
e.innerHTML = (diff / 1000) + '秒、遅い！';
は、
e.innerHTML = -(diff / 1000) + '秒、遅い！';
とすべきでした（「-1.25秒遅い！」より「1.25秒遅い！」の方がわかりやすいですよね…）。