指定時間後に処理を実行

JavaScript 基礎授業

デジタル時計の作成タイマー機能/li>一定時間ごとに処理を繰り返すwindowオブジェクトの「setTimeoutメソッド」を使用ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイマー</title> <style> input { width: 90px; font-size: 66px; font-family: monospace;/* [ monospace ]モノスペース </meta></head></html>…

2013-01-31

指定時間後に処理を実行０２

JavaScript 基礎授業

DOMによる記述ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>デジタル時計</title> <style> #clock { width: 450px; background-color: #000; color: #fff; text-align: center; border: 10px solid #666; font-size: 90px; font-weight: bold; padding: 10px 20px; } </style> <script> va…</meta></head></html>

2013-01-31

指定時間後に処理を実行まとめ

JavaScript まとめ授業

指定時間後に処理を実行タイマーを使うと、一定周期で処理を繰り返すことができる setTimeoutメソッド：タイマーを開始する clearTimeoutメソッド：タイマーを停止する

2013-01-31

ユーザー定義オブジェクト

JavaScript 基礎授業

ユーザー定義オブジェクトとはユーザーがオリジナルのオブジェクトをソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ユーザー定義オブジェクト</title> <script> function Person(name, height){ this.name = name; this.height = height; } </script> </head> <body> <script> var friends = new Array(3); friends[0] = ne</body></html>…

2013-01-31

ユーザー定義オブジェクトまとめ

JavaScript 基礎授業

ユーザー定義オブジェクトコンストラクタは、functionキーワードで定義する li>コンストラクタ内でプロパティに値を設定するには、「this . プロパティ名 = 値」と記述する

2013-01-31

prototypeプロパティ

JavaScript 基礎

オブジェクトにメソッドを追加する prototypeプロパティを使用してオブジェクトにメソッドを定義するソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>prototypeによるメソッドの追加</title> <script> function Person(name, height){ this.name = name; this.height = height; } function calc</meta></head></html>…