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

2007/08/07 22:07

このQ&Aのポイント

10秒後に最初の1行目（test1）を表示し1秒後に2行目（test2）を表示し、その後繰り返し1秒間隔でtest3→test4・・・と表示する方法を探しています。
webで1秒毎に表示する方法は見つかったが、10秒後に表示する方法が分からず困っています。
ご指示頂けますと大変嬉しく思います。

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">  </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・・・と表示しようとしております。長文大変申し訳ありません。宜しくお願い致します。

fairyyes
お礼率72% (314/432)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

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

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/08/07 22:36 回答No.2

＃１です。すみませんｍ（－－）ｍよく見て無かったです。10秒後から1秒ずつでしたね（＞＜） Firefoxで出なかったのでdocument.getElementByIdを付け加えましたｍ（－－）ｍ 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>

質問者