| ポイント |
<![CDATA[
msg = new Array("はろ〜","調子は?","ふにゃ〜","あれ?");
document.myForm.myText.value = msg[Math.floor(Math.random()*msg.length)];
]]>
|
| 説 明 |
テキストフィールドにランダムにメッセージを表示するには、あらかじめ配列内に表示するメッセージを入れておきます。表示するメッセージの数の範囲内の乱数を「Math.floor(Math.random()*msg.length)」として求め、得られた値をキーにしてテキストフィールド内に書き込みを行います。setTimeout()を使って定期的に処理させることでランダムにメッセージを表示させることができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドに一定時間ごと文字をランダムに表示する</title>
<script Language="JavaScript"><!--
msg = new Array("はろ〜","調子は?","ふにゃ〜","あれ?");
timerID = 10;
function rndText()
{
document.myForm.myText.value = msg[Math.floor(Math.random()*msg.length)];
clearTimeout(timerID);
timerID = setTimeout("rndText()",1000);
}
// --></script>
</head>
<body onLoad="rndText()">
<form name="myForm">
<input type="text" name="myText">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドに一定時間ごと文字をランダムに表示する