上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ボタンをクリックすると、まるでノベルゲームのように1文字ずつテキストを表示します。
うまく活用すれば、記事のテキストに”演出”をつけることができます。
記事の内容にタメを作りたいときにやってみると面白いかも。

以下、ソースコード
//スクリプト本体

//フォームおよびテキスト表示部 body内に記述する内容


今回使ったオブジェクトとプロパティ、メソッド一覧

document.getElementById(ID名)
 指定したIDを持つ要素の情報を取得する

document.createTextNode(文字列)
 テキストノード(文字列)生成する

Elementオブジェクト.appendChild(新しく挿入するノード)
 要素のノードリストに新しいノードを挿入する

タイマー変数 = setTimeout("処理",時間)
 タイマーをセットする。
 時間はミリ秒単位です(1000で1秒)

clearTimeout(タイマー変数);
 タイマーを解除する。

今回のJavascriptはDOMを使っているので、まだ「よくわからないけれど、実装できた」状態にあります。
ので、内容を理解できたら また再度解説記事を書く予定です。
Comment
Trackback













管理者にだけ表示を許可する

Comment form

openclose

カテゴリ一覧

そま宗助

  • Author:そま宗助
  • タイ生まれのちょっと変な?日本人。
    農学博士の父とブラジル日系1世の母の間に生まれたため、普通の日本人とはちょっと違う視点で世界を見つめる男。

    最近、勉強会やカンファレンスにちょいちょい顔出ししてます。

    読書週間継続中?

    ストレングスファインダー
    1.収集心
    2.学習欲
    3.共感性
    4.指令性
    5.運命思考
プロフィール

※注意書き※
当ブログに掲載されているJavaScriptの動作確認はFirefoxでのみ行っております。他ブラウザでの動作に関しては保障できませんのでご注意ください。






1キロバイトの素材屋さん
フリーエリア
FC2カウンター

名前:
メール:
件名:
本文:

メールフォーム

Page Top

Powered by FC2 Blog |

FC2Ad

| Template Design by スタンダード・デザインラボ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。