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

2023/08/07 13:26

このQ&Aのポイント

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

ベストアンサー

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

2007/08/07 22:07

こんにちは。質問がありまして、投稿致します。タイトル通りなのですが、 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>

質問者

お礼 2007/08/08 19:34

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

その他の回答 (1)

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

2007/08/07 22:20 回答No.1

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

関連するQ&A

ＣＳＳが反映されません
勉強不足は承知ですが、もうどうにもお手上げ状態です。質問させてください。ＣＳＳを勉強しているのですが、反映されません（本や、サイトのサンプルとおり記述しても、です）（タグ、スペルの間違いがないかは１０回以上確かめています）（ＣＳＳサイトのサンプルをクリックすると、それは表示されます） ●ヘッダー内に指定すると、反映されない ○例　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html;charaset=shift_JIS"> <meta http-equiv="Content-Type" content="tet/css"> <style type="text/css">  </HEAD> <BODY> <p.ehon> 「絵本」の色は赤色です </p> </BODY> </HTML> ・・・結果・・・ブラウザには標準フォント（色、サイズ）で ”「絵本」の色は赤色です” と表示される文字色は font-color:red font-color:#rbg番号などしてみても、黒のまま文字サイズも３０ｐｘ、５０ｐｘ、１００ｐｘとしてみているが、結果は同じ文字サイズ（標準）になる ○<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html;charaset=shift_JIS"> <meta http-equiv="Content-Type" content="tet/css"> <style type="text/css">  </HEAD> <BODY> <h1> 絵本の色は赤色です </h1> </BODY> </HTML> ・・・結果・・・ブラウザになにも表示されない ●ＢＯＤＹ内指定 ○例 <div style="color:red"> 絵本の色は赤色です </div> ・・・結果・・・フォントサイズ標準で、文字色赤で表示されました ○例 <div style="color:red;font-size:50px;"> 絵本の色は赤色です </div> ・・・結果・・・ブラウザに何も表示されませんでした ○２回目 <div style="color:red;font-size:50px;"> 絵本の色は赤色です </div> ・・・結果・・・フォントサイズそれなりの大きさに。文字色は赤で表示されました ○３回目全く同じタグでブラウザには何も表示されず・・・・ ///////////////////////////////////////////////////////////// いったい何が問題なのでしょうか。こんなところで足止めされているのが悲しいです・・・
- ベストアンサー
- その他（インターネット・Webサービス）
表示すると文字化けします
下記のファイルが表示されると文字化けしてエンコードを修正しないとみれませんなぜでしょうか？日本語EUCになってしまします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD bgcolor="#ffff00" width="699"><B><FONT size="+2">登録ありがとうございました</FONT></B></TD> </TR> <TR> <TD height="99" width="699"><B>■<A href="http*************************">使いこなすために</A>手順に沿って進んでください</B>→<A href="http**************************">次へ進む</A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
ＣＳＳについて
前回「ＣＳＳ今度は外部ファイル！」で質問をさせていただきました http://okwave.jp/qa4254612.html ＃２の回答者様の記述ソースをコピペしてＣＳＳファイルと、ＨＴＭＬファイルを作ったところ、ＨＴＭＬファイルに外部ＣＳＳが反映されて表示されました。しかし、このＣＳＳファイルの中身（だけ）とファイル名を変更したところ、今度は反映されなくなりました。 ■ＣＳＳファイルの変更■ 変更前 body { color: blue; font-size:30px; 変更後 .hpname{ font-size:50ox; color:#006666 text:align:center; } ■ＣＳＳファイル名半角小文字でhpname.css ■ＨＴＭＬファイル変更前 <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> 背景色は青で文字は30px </body> </html> この中の <link rel="stylesheet" type="text/css" href="test.css"> を変更。 href="test.css">を href="hpname.css"> にしました。 ///////////////////////////////////////////////////////////// ＣＳＳファイルの作りかたがいけないのでしょうか？「.」をつけてはいけない？それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか（同じフォルダ階層内です）何回やり直しても結果が同じなので、また質問させていただきました。
- 締切済み
- その他（インターネット・Webサービス）
ＣＳＳ今度は外部ファイル！
前回「ＣＳＳが反映されない」で質問させていただきました。おかげさまで、ヘッダー内で記述したものが、反映されるようになりました。ところで、今度は外部ファイルの読み込みで「できない！」となっています。自分ではどこがいけないのか、発見できなかったので、また皆さんのお力をいただきたいと思います。 ○abc.css(外部ファイル） .body{ color:#006666; font-size:30px; } ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css">  </style> </head> <body> 背景色は濃い青緑です<br> フォントサイズは３０ｐｘ・・・<br> <br> になるはずです・・・ </body> </html> ・・・結果・・・真っ白な画面に標準フォントで表示。 ○外部ファイル .hp-name{ font-size:55px; color:#006666; text-align:center; } ⇒ファイル名　hp-name.css ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css">  </style> </head> <body> <div class="hp-name"> ＨＰ名は「○○△△◇◇」です </div> ////////////////////////////////////////////////////////////////////////////////////// 今度はどこがいけないのでしょう。 <link rel・・・・・・・・で、外部ファイルを読み込むだけではいけないのでしょうか？それとも、外部ファイルの書き方がいけないのでしょうか？外部ファイルには「スタイルシートの部分だけ」記述すればいいと思っていたのですが・・・ ○外部ファイルを <style type="text/css">  </style> をつけてみたのですが、ダメでした
- ベストアンサー
- その他（インターネット・Webサービス）
ドコモ携帯のCSS表示について
ドコモ機種はCSSを使うと携帯からサイトを閲覧出来ないと聞いたのですが本当でしょうか？私はよく「ｈ１」タグの表示を見やすくするためホームぺージのHEDA内に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content="～～～"> <meta name="keywords" content="～～～"> <style type="text/css">  </style> とよく記述しています。この記述をするだけで、ドコモ携帯からサイトは見れなくなってしまうのでしょうか？？詳しい方いらっしゃいましたら、よろしくお願いします。
- 締切済み
- HTML
IE8でCSSハックが効かないです。
IE8でCSSハックが効かないです。 IE8のCSSハックを使用したくて、下記のように指定したのですが、 IE8で見るとIE8用に記述したCSSハックが効かないです。ちなみにIE6用のハックとデフォルトで指定したクラスはきちんと表示されます。記述方法が原因なのでしょうか。それとも他に原因があるのでしょうか。教えて欲しいです。 ■サンプルソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content="キーワード1,キーワード2"> <meta name="description" content="ディスプリクション"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> #main_contents p.test_style { font-weight: bold; color: #000; } /* IE6対策 */ *html #main_contents p.test_style { font-weight: bold; color: #ff0000; } /* IE8対策 */ html>/**/body #main_contents p.test_style { font-weight /*\**/: bold\9; color: #0033ff\9; } </style> <title>IE8表示テスト</title> </head> <body> <div id="main_contents" class="reset"> <p class="test_style">デフォルトのテキスト　黒で表示されます。</p> <p class="test_style">IE6用(css hack)のテキスト　IE6で見ると赤で表示されます。</p> <p class="test_style">IE8用(css hack)のテキスト　IE8で見ると青で表示されます。</p> </div> </body> </html>
- 締切済み
- HTML
ブラウザによる表示の違いについて
ブラウザによる表示の違いについてホームページを作成しています。今少し気になることがあり今日も朝からずっと調べていたのですが分からずここで質問させてください。自分のホームページが最近ブラウザにより見え方が違うのに気づきました。たとえばInternet ExplorerやFirefoxなら問題なくきれいに表示されていますがSafariやGoogleChromeだとスタイルシートで書いた部分がおかしくなっています。私のほうで色々調べたのですがたとえば見出しタグH1にスタイルを適応する場合に直接 <html> <head><title></title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_jis"> <style type="text/css">  </style> </head> <body> <h1>テスト</h1> </body> </html> のように記述すれば問題なくブラウザSafariにもスタイルシートが適応されるみたいなのですがこれを外部からスタイルシートをリンクを貼ると適応されないみたいです。つまり <html> <head><title></title> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_jis"> <LINK REL="stylesheet" HREF="style.css" TYPE="text/css"> </head> <body> <h1>テスト</h1> </body> </html> として style.cssファイルに h1 { color:#ff0000; font-size:240%; } と記述した場合にSafariで開くと見出しの色も赤で指定したにもかかわらず紺色になっているしフォントサイズも240%に変更されていません。原因と対処法が分かる方がいればアドバイスお願いします。
- 締切済み
- HTML
HTML CSS で文字を点滅させたい
HTMLにCSSを含める学習中です。以下のようにHTMLを書き、edgeで表示してみましたが点滅してくれません。どこが違うのか教えてもらえませんでしょうか。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html;charset=SHIFT_JIS"> <TITLE>テスト　ホームページ</TITLE> <style type="text/css"> p { color: orange; font-size: 20px; animation: blinkEffect 1s ease infinite; } </style> </HEAD> <BODY> □□□□□□□□□□□　<BR> <p class="p">この部分の文字を点滅</p> ■■■■■■■■■■■　<BR> <BR> <p>これは例文です。</p> <BR> </BODY> </HTML>
- ベストアンサー
- ブラウザ
表示できないページ
社内のイントラを作成しています。以下のソースのページを作成したのですが、 WIN95、IE5.00の端末で開くと「ページが表示できない」というメッセージがでて、ページが表示できません。原因として、なにがおかしいのでしょうか？宜しくお願いします。＜＜　ソース　＞＞ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY BACKGROUND COLOR="white" TEXT="#FF80C0" LINK="#FF80C0" VLINK="#009999"> <CENTER> <P STYLE="BACKGROUND-COLOR:00D9B2;"><FONT SIZE=3 COLOR=#CC0099>便利なリンク集</FONT></P> <BR> <FONT SIZE="4" COLOR=BLACK><B>～便利なリンク集～</B><FONT> <P><BR> </CENTER> <IMG SRC=""CLASS="PARAM1" ALIGN="right" width="100" height="90"> <BR><BR><BR> <CENTER> <TABLE BORDER="0"WIDTH="350"> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="html"> 情報・通信グループ　　ユーザ管理システム　（ユーザ向け）</A></FONT></TR> 　<TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="soum2.html" >事故報告書の作成（ＳＥが対応した事故を対象とする）</A></FONT></TR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="doc">　東京インフラＧ　　所有品の持出しについて　</A></FONT></TR><BR> <TR VALIGN="MIDDLE" ><FONT SIZE=3 COLOR=#000000><A HREF="">ＰＧ制定要否決裁流れについて</A></FONT></TR> </TABLE> <BR><BR> <FONT SIZE="4" COLOR="RED"><A href=""><B>back</B></A></FONT> </CENTER> </BODY> </HTML>
- ベストアンサー
- HTML
【フォント】記述したCSSが反映されない
ログを検索しましたが同様の質問は無いようなので投稿させて頂きます。先日PCを買い替えましてXPからVistaへと移行しました。しかし新しいPCで自分のサイトを見てみると、CSSでフォントをTahomaに指定していたページの文章が何故かゴシック体で表示されています。（サイトは旧PCでビルダー7を利用して作成したものです）古いPCからHTMLのデータを移動し早速ソースを確認、上書き保存等してみましたがフォントはゴシック体のまま。明朝なども試しましたが反映されてくれません。やはりOSやブラウザの変更が原因なのでしょうか。アドバイスをよろしくお願いします。 ↓HTMLソースの一部を掲載します <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta name="robots" content="noindex,nofollow"> <STYLE type="text/css">  </STYLE> <style type="text/css">  </style> <style type=text/css>  </STYLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE>(仮）</TITLE> </HEAD>
- ベストアンサー
- HTML