- ベストアンサー
一つのページで二つ動かすのはできないですか
画像を次々に変えていくJavaScriptを一つのページで2個使いたいのですが、二つ使うと、表示されません。これでは無理なのでしょうか？ 無理だったら、他に何かいい方法があれば教えてください。 これを使いました。よろしくお願いします。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- num = 18; nme = "img" exp = "gif" cnt = 0; function changeImage() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',500)"> <BR><BR> <IMG src="img1.gif" name="img" border="0"> </BODY> </HTML>
- jacky521
- お礼率92% (60/65)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
function changeImage() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; document.img0.src = nme + cnt + "." + exp; } ・・・・ ・・・・ <IMG src="img1.gif" name="img" border="0"> <IMG src="img1.gif" name="img0" border="0"> とすれば2つの(同じ)画像を同時にかえられるようです 2つの画像を別にするなら num = 18; nme = "img" nme0 = "img0" exp = "gif" cnt = 0; function changeImage() { cnt++; cnt %= num; document.img.src = nme + cnt + "." + exp; document.img0.src = nme0 + cnt + "." + exp; } って感じにすればいいです あとはまぁ必要なところをちょこちょこっと書き換えてください（＾＾）
その他の回答 (1)
- hkd9001
- ベストアンサー率48% (99/204)
jacky521 さん、こんばんは。 さてJavaScriptを２つ使いたい、というご質問ですね。 もし、私の解釈が間違っていたならばご容赦願いたいのですが… 「function changeImage()」と同じようなfunctionが もうひとつあって、できれば それぞれを異なる周期で動かしたい」 ということではないか？と考えます。もし そうであれば… たとえば２つのfunction Ａ，Ｂがあり、Ａは500ms、Ｂは300msの周期で動かしたいとします。まず、BODY タグにある setIntervalの時間の値を100ms にします。そして、Ａには「５回呼ばれるごとに作動」、Ｂには「３回呼ばれるごとに作動」となるように（if文や変数などを追加して）ロジックを組みこんでやれば、異なる周期で動くようになるのではないかな？と思います。 なお上記の setInterval の時間の値を 100ms にした理由は、ＡＢ両functionの周期の最大公約数だからです。 …ご健闘を祈ります。では、おやすみなさい！
お礼
とても丁寧な説明、ありがとうございました！ 大変、勉強になりました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
お礼
ありがとうございます。大変、助かりました！ もっと勉強しないとだめだなあと思いました・・・ 本当にありがとうございました。