こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

10秒後に1秒ごとに1行づつ表示する方法

こんにちは。
質問がありまして、投稿致します。
タイトル通りなのですが、

10秒後に1秒毎に1行づつ表示する方法を探しております。
webで1秒毎に表示する方法は見つかりました。
ただ、10秒後に表示する方法が分からず困っております。
恐れ入りますが、ご指示頂けますと大変嬉しく思います。

---------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>TITLE</TITLE>
<LINK rel="stylesheet" href="style.css" type="text/css">
<SCRIPT type="text/JavaScript">

<!--
itv = 1000; // 表示する間隔(ミリ秒単位)
str = new Array();
// タグを入れる場合、「"」の前に「\」を付ける
str[1] = "<FONT color=\"#999999\" size=\"2\">test1</FONT>";
str[2] = "<FONT color=\"#999999\" size=\"2\">test2</FONT>";
str[3] = "<FONT color=\"#999999\" size=\"2\">test3</FONT>";
str[4] = "<FONT color=\"#999999\" size=\"2\">test4</FONT>";
str[5] = "<FONT color=\"#999999\" size=\"2\">test5</FONT>";
str[6] = "<FONT color=\"#999999\" size=\"2\">test6</FONT>";
str[7] = "<FONT color=\"#999999\" size=\"2\">test7</FONT>";
str[8] = "<FONT color=\"#999999\" size=\"2\">test8</FONT>";
str[9] = "<FONT color=\"#999999\" size=\"2\">test9</FONT>";

cnt = 0;
function setText() {
if (cnt >= str.length) return;
txt = "";
cnt++;
for (i=0; i<cnt; i++) txt += str[i] + "<BR>";
if (document.all) document.all["ID"].innerHTML = txt;
setTimeout("setText()",itv);

}

//-->
</SCRIPT>
</HEAD>

<BODY bgcolor="#000000" onLoad="setText()">
<DIV id="ID" style="position:absolute;"></DIV><BR>
</BODY>
</HTML>

---------------------------------------------------------------

恐れ入りますが、10秒後に最初の1行目(test1)を表示し1秒後に2行目(test2)を表示し、その後繰り返し1秒間隔でtest3→test4・・・と表示しようとしております。

長文大変申し訳ありません。
宜しくお願い致します。

投稿日時 - 2007-08-07 22:07:47

QNo.3236487

暇なときに回答ください

質問者が選んだベストアンサー

#1です。すみませんm(--)m

よく見て無かったです。10秒後から1秒ずつでしたね(><)
Firefoxで出なかったのでdocument.getElementByIdを付け加えましたm(--)m

cnt = 0;
function setText() {
if(cnt == "0") { clearTimeout(tID); }
if (cnt >= str.length) return;
txt = "";
cnt++;
for (i=0; i<cnt; i++) txt += str[i] + "<BR>";
if (document.all) { document.all["ID"].innerHTML = txt; }
else { document.getElementById("ID").innerHTML = txt; }
setTimeout("setText()",itv);

}

//-->
</SCRIPT>
</HEAD>

<BODY bgcolor="#000000" onLoad="tID=setTimeout('setText()',10000);">
<DIV id="ID" style="position:absolute;"></DIV><BR>

投稿日時 - 2007-08-07 22:36:21

お礼

こんばんわ。
期待するものができました。
実はFirefoxでは表示できないものだと諦めておりました。
その点も改善して下さりとても嬉しいです。
上手に申し上げられませんが、大変感謝しております。
ポイントをもっと多くお出ししたいぐらいです。
ありがとうございました。

投稿日時 - 2007-08-08 19:34:21

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

こんにちは

itv = 1000;
が1秒ですので単純に10倍して10秒にしてやればいいです

itv = 10000;

投稿日時 - 2007-08-07 22:20:45

あなたにオススメの質問