setTimeout関数の使用方法について

2023/08/03 15:57

このQ&Aのポイント

JavaScriptのsetTimeout関数を使用して、一定時間ごとに文字の表示を変化させる方法について質問です。
質問者は、上記のコードを実行したが、文字の表示が変化しないという問題が発生している。
質問者は、問題の原因が分からず、指摘を求めている。

ベストアンサー

setTimeout関数の使用方法について

2006/12/19 04:17

はじめまして。質問があります。以下のコードを実行すると、一定時間おきに文字の表示が変化するように動いてくれません。何が問題なのかがまったく見当がつきません。どなたかご指摘をお願いします。 ---------------------------------------------------------------- <html> <head> <title>setTimeout()関数の使用例</title> </head> <body onLoad="timer=setTimeout('changeChar()',500)"> <script type="text/javascript">  </script> </body> </html> ----------------------------------------------------------------

re-entry
お礼率78% (29/37)

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

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

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

ベストアンサー

karumakaruma
ベストアンサー率65% (65/100)

2006/12/19 09:10 回答No.1

document.write()を使うことによって changeChar自体の存在が消されてしまっているようですね。 document.write(ch); を document.getElementById('aaa').innerHTML = ch; と変更して <div id="aaa"></div> を追加してみれば動いている事は確認できると思います。 getElementByIdは古いブラウザは対応していない場合があるのでその場合はdocument.all('aaa')とかdocument.layer['aaa']などを使う事になります。

質問者

お礼 2006/12/19 09:40

karumakaruma様へご回答ありがとうございます。まじめにすごいですね。内心解決策がないのではないかと思っておりましたが、このような解決法があるとは・・・ getElementById関数やdocument.all('aaa')、document.layer['aaa'] などは手元の参考書には、載っておりませんでした。この質問をするまで、あれこれ試してみて徹夜しておりました。勉強不足を痛感しております。本当にありがとうございました。

関連するQ&A

set TImeout
<html> <head> <title>フェードインさせたい </title> <script language="JavaScript">  </script> </head> <body text"#000000"onLoad="timer1=setTimeout('fadein(0,100)',100)"> <font size="5">フェードインします</font> </body> </html> 以上のタグが今勉強している本に載っていたのですが最初にonloadで呼び出された関数の中にClearTImeaout （１１行目）にありますがそこでこの関数はとまってしまわないのでしょうか？また二つSettimeaoutがありますが二つとも識別する単語がtimer1で同じですけどごっちゃにならないのでしょうか？
- ベストアンサー
- JavaScript
初期表示を変えるには？
下記のようなタグで、オンマウスでフェードイン、離れればフェードアウトの設定にしたいのですが、文字が隠れた状態が初期表示にする場合はどうしたらいいんでしょうか？？簡単なことかもしれないですが、どなたか教えてください。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </head> <BODY> <SPAN id="ID"><span onmouseover="strFade('fedcba9876543210')" onmouseout="strFade('0123456789abcdef')">ｍ</SPAN><BR><BR> </BODY>
- ベストアンサー
- JavaScript
setTimeout の動作不良？
setTimeout　の中で引用する関数が引用するカッコの中に引用符で文字列を入れると正常に作動しますが変数名を入れると、動作が停止してしまうようです。 Win 7 pro 上で、Firefox 、 IE11　の両方で試しましたがどちらも動きませんでした。おそらく、setTimeout　のバグではないかと個人的に考えていますがどのようにして、この問題を解決可能かを教えて下さい。 <script> function TestA() { setTimeout( "alert('Hello')", 2000) ; } function TestQuote() { var stringQ = 'Hello' setTimeout( "alert(stringQ)", 2000) ; } function TestNoQuote() { var stringQ = 'Hello' setTimeout( alert(stringQ), 2000) ; } </script> </head> <body> <button onclick="TestA()" > Timer 1 </button> <button onclick="TestQuote()" > Timer 2 </button> <button onclick="TestNoQuote()" > Timer 3 </button>
- 締切済み
- JavaScript
このタグで文字の大きさを変えたいのですが、、、、
<head> <title>文字色をリアルタイムに変える</title> <script Language="JavaScript"></script> </head> <body onLoad="changeColor('0123456789abcdefedcba987654321')"> <div id="strID" style="font-weight:900">ここの文字の色が変わるよ～ん</div> </body>
- ベストアンサー
- HTML
setTimeoutでelementを渡す方法
setTimeoutの引数にdocument.getElementByIdの情報を格納して他の関数に渡すことはできないのでしょうか？下記は自分で調べた内容ですが、aaa()で変数ｍにdocument.getElementByIdを格納して setTimeoutの引数にその変数を指定してbbb()に渡しましたが使うことができませんでした。 [object HTMLDivElement]は渡っているようですが、tagNameでDIVが表示されません。 ccc()のように普通に渡した場合はちゃんと使えました。データはちゃんと送られているのに、setTimeoutではなぜtagNameなどで表示されないのでしょうか。 <html lang="ja"> <head> <title>サンプル</title> <script> function aaa() { var m = document.getElementById("xxx"); alert(m); //[object HTMLDivElement] alert(m.tagName); //DIV var p = 777; setTimeout("bbb('"+m+"',"+p+")",1000); ccc(m,p); } function bbb(m,p){ alert(m); //[object HTMLDivElement] alert(m.tagName); //undefined alert(p); //777 } function ccc(m,p){ alert(m); //[object HTMLDivElement] alert(m.tagName); //DIV alert(p); //777 } </script> </head> <body onload="aaa()"> <div id="xxx">サンプル</div> </body> </html>
- ベストアンサー
- JavaScript
タイプライター風 part２
以前、pesoさん、xruzさんに教えられたこと等をもとに以下のようなscriptを作成しました。／／／／／／／ <head> <script language="javascript">  </script> </head> <body bgcolor="#cccccc" onload="type()"> <div id="myText" style="position:absolute;top:20;left:20;"></div> </body> pesoさん、xruzさん、ありがとうございました。これでほぼ、僕の作りたいスクリプトができました。(不要なところもありますが......) ですが、このままだとstr1のみしか表示されず、str2、str3は表示されません。(当然ですが) str1を表示した後にstrにstr2、str3を入れるにはどうしたらいいのでしょうか？(以前、xruzさんに教えていただいたスクリプトを永遠に続けるような感じです。)
- ベストアンサー
- JavaScript
javasccriptの文字列の連結について
javasccriptの文字列の連結について charAt()というメソッドを用いて、以下のサンプル <html> <head> <title>for sample</title> </head> <body> <script type="text/javascript">  </script> </body> <html> を実行した際にアラートで[j]と返ってくるのですが、 (1)alert("[" + ch1 +"]")の部分を (2)alert("[ + ch1 +]") とした場合は[+ ch1 +]が返ってきます。また、 (2)alert(["+ ch1 +"]) とした場合には+ ch1 +が返ってきます。 javascriptの中でダブルクォーテーションで囲われた部分は文字列になると認識しているのですが、なぜ、 (1)alert("[" + ch1 +"]")の場合はアラートで[j]と返ってくるのでしょうか？ダブルクォーテーションを二回使用しているのでそもそもエラーになりそうな気がするのですが・・。もしよろしければ、ご指導お願い致します。
- ベストアンサー
- JavaScript
setTimeoutを使った再帰
初めて質問させて頂きます。 setTimeoutで呼び出してるか否かと、言う違いしか無いと、言う事を思いますが、次に挙げる2つのプログラムの動作が異なる理由をどなたかお教え頂けませんか? <script type="text/javascript">  </script> <body onload="javascript: FUNCTION1();"> ─────────────────────────── <script type="text/javascript">  </script> <body onload="javascript: FUNCTION1();">
- ベストアンサー
- JavaScript
setTimeout()がうまくいきません
以前、時計を一秒一秒、新しい絵を読み込んでバー表示型の時計を作ろうとしていた者ですがなんとか、１つの画像を連続表示させて一本のバーにしていくスクリプトを下記のように作りましたそうしたところ、手動で更新をすると、うまく動作するのですが自動で更新していこうと思いsetTimeout()を入れたのですがうまく動作してくれません。どのようにしたらよいのでしょうか <html> <head> <script language="JavaScript1.1">  </script> </head> <body> <script language="JavaScript1.1">  </script> </body> </html>
- ベストアンサー
- JavaScript
このタグはグラデーションですが、文字が小さくて困っています。
<html> <head> <title>文字にグラデーションをかけ１文字ずつ出力する</title> <script Language="JavaScript"></script> </head> <body bgcolor="white" onload="setText1()"> <div id="outText" style="position:absolute;top:50px;left:5px;"></div> </body> </html>
- ベストアンサー
- HTML