|
||
一行テキストボックスに一文字ずつ表示させよう | ||
|
||
表示の例 | ||
|
||
テキストボックスの中の文字が、一文字ずつ表示されます。 | ||
|
||
|
||
プログラムAのソースをコピーして、テキストボックスを表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。 |
|
size="58" の 58 はテキストボックスのよこの大きさです。 | |
|
|
プログラムBのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。 |
|
プログラムBのソースの上から3行目の、var mes1=" ようこそ「5・6年生にもわかるやさしいJavaScript」へ!"; の部分のメッセージを、あなたの好きな文章にかえてください。 | |||
メッセージを一文字ずつ表示するスピードは、下から8行目の setTimeout("msg1()",150); の 150 で設定をしています。数字が大きいほどおそくなっていきますから、あなたのお好みにかえてください。 | |||
メッセージがすべて表示されると、一時停止するようになっています。停止している時間は、下から5行目の setTimeout("msg1()",2000); の 2000 で設定をしています。この例では2秒間停止させていますので 2000 となっています。5秒なら 5000 というようにしてください。 | |||
|
|||
プログラムCのソースをコピーして、HTMLソースの<body の y のすぐうしろに半角スペースをひとつ入力してから貼り付けしましょう。 | |||
|
|||
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。 | |||
|
|||
|