時計の解説を追加

Author: ics-ikeda

docs/clock.md

@@ -217,7 +217,7 @@ for (var i = 0; i < steps; i++) {
 - [サンプルを再生する](https://ics-creative.github.io/tutorial-createjs/samples/clock_digital_simple.html)
 - [サンプルのソースコードを確認する](../samples/clock_digital_simple.html)
 
-ポイントとしては、`createjs.Text`インスタンスは一度だけ作成し、そのインスタンスの`text`プロパティーを変更することで変化させます。詳しくは[テキストの解説](text.md)を参照ください。
+ポイントとしては、`createjs.Text`インスタンスは一度だけ作成し、そのインスタンスの`text`プロパティーを変更することです。詳しくは[テキストの解説](text.md)の「テキストの文言を変更する」段落を参照ください。
 
 ```js
 // Text インスタンスを作成
@@ -235,7 +235,25 @@ function handleTick() {
 }
 ```
 
-ありがちな失敗例として、`tick`イベントで`createjs.Text`インスタンスを追加し続けていたら、残像効果のような表示になってしまいます。
+時・分・秒の文字列を結合したい場合は`+`演算子を使って記述します。コロン（:）は文字列として表示させたい場合は、ダブルクオテーションを使って`":"`と記述します。
+
+```js
+// 現在時間を取得
+var now = new Date();
+
+// 時間の数値を取得
+var h = now.getHours(); // 時(0〜23)
+var m = now.getMinutes(); // 分(0〜59)
+var s = now.getSeconds(); // 秒(0〜59)
+
+// 表示文言を作成
+var time = h + ":" + m + ":" + s;
+// Text インスタンスの文字列を更新
+label.text = time;
+```
+
+
+ありがちな失敗例も紹介しましょう。`tick`イベントで`createjs.Text`インスタンスを追加し続けると、残像効果のような表示になってしまいます。文言を変化させたいときは`text`プロパティーを更新するようにしましょう。
 
 
 失敗例のコード