1シートにJavaScriptを2つ使うことは出来ないのでしょうか?
画像が点滅するJavaScript
と画像が入れ替わるJavaScript
両方を1シートで使用できませんか?
この部分は入力できるのですが
<SCRIPT language="JavaScript">
<!--
num = 2; // 入れ替える画像の枚数(最初の画像も含める)
nme = "../img/img" // 画像のディレクトリとファイル名の数字と拡張子より前の部分
exp = "jpg" // 拡張子
cnt = 0;
function changeImage() {
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
}
//-->
勿論、点滅のJavaScriptも記載済みです。
ところが、
<BODY onload="blink()">
<BODY bgcolor="#ffffff" onLoad="setInterval('changeImage()',1000)">
このように並列して書くとエラーになります。
2つのavaScriptは使用できないのでしょうか?
精通されている方、居られましたら宜しくご指導願います。
No.3ベストアンサー
- 回答日時:
JavaScriptコードじゃないただのHTML提示されてもわからんよ・・・。
とりあえず、そもそもJavaScriptの知識が足りてない。
><body onload="blink()";setInterval('changeImage()',1030);">
>と書くとエラーにはなりませんが、画像が表示されません。
onload="blink()"←ここのダブルクォーテーションいらへん
><body onload="setInterval('changeImage(blink)',1030);">
>ってことですかね?
違う。
繰り返し処理をchangeImage()に組み込んで書き直せってことだね。
setTimeout使うほうがいい気がするけど。
function changeImage() {
tempId = setInterval(
function(){
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
},1000
);
}
動作確認はしてない。
No.2
- 回答日時:
「点滅のJavaScriptも記載済みです。
」とのこと。それがおそらく「blink()」のことですね。でしたら、その「blink()」の中身をそのまま、「changeImage()」の中に移動して下さい。
二つ又はそれ以上の動作をしたければ、そしてそれが同じタイミングで(たとえばonloadで)動作させたければ、一つのfunctionの中にいくつでも書けば良いだけのことです。
ただ、ご質問の動作の場合、setintervalで1秒ごとに画像を切り替えるなら、この命令はfunction changeImage()の中に書いてしまわないと変なことになりそうですが。
この回答への補足
<LINK rel="stylesheet" href="css/top.css" type="text/css">
<script type="text/javascript" src="js/topmuv.js"></script>
<SCRIPT language="JavaScript">
<!--
num = 2; //
nme = "img/img" //
exp = "jpg" //
cnt = 0;
function changeImage() {
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
}
//-->
</script></HEAD>
<body onload="blink()";setInterval('changeImage()',1030);">
・
・
・
<a><IMG src="src="img/img0.jpg" name="img" border="0" alt="どうして・・・"></a>
<body onload="setInterval('changeImage(blink)',1030);">
ってことですかね?
No.1
- 回答日時:
そもそもbody複数書いている時点でおかしい。
<body onload="blink();setInterval('changeImage()',1000);">
てかけば両方読み込むス。
(できればsetIntervalもchangeImageに含めたほうがいい気もするし、不測の場合にループ抜ける処理も入れたほうがいいけど、質問事項とは違うので・・・)
関数それぞれのコンフリクトはblinkが書いてないので不明。
オブジェクトを消したりする内容で書いてあれば、書き換え対象がタイミングでは消えたりするからエラーすることもある。
あとは変数がぶつかったりしてないかね。
この回答への補足
<LINK rel="stylesheet" href="css/top.css" type="text/css">
<script type="text/javascript" src="js/topmuv.js"></script>
<SCRIPT language="JavaScript">
<!--
num = 2; //
nme = "img/img" //
exp = "jpg" //
cnt = 0;
function changeImage() {
cnt++;
cnt %= num;
document.img.src = nme + cnt + "." + exp;
}
//-->
</script></HEAD>
<body onload="blink()";setInterval('changeImage()',1030);">
・
・
・
<a><IMG src="src="img/img0.jpg" name="img" border="0" alt="どうして・・・"></a>
<body onload="blink()";setInterval('changeImage()',1030);">
と書くとエラーにはなりませんが、画像が表示されません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- その他(開発・運用・管理) フォルダの中にファルダを作成してファイルを格納するバッチコマンド 1 2022/06/30 11:39
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gifアニメ、最後のコマに行った...
-
重なった画像にクリックイベン...
-
lightbox2をiframeから外に表示...
-
画像の重なりの順序を代える方...
-
マウスオーバーとポップアップ...
-
JavaScriptでスライドショー
-
スワップイメージが上手く動作...
-
jQuery bxSlider 画像に変更
-
ページ読込中に表示が崩れるの...
-
画像クリックで別の場所の画像...
-
JavaScript スライドの画像にリ...
-
Javascript で共通の処理をどこ...
-
画像をフォルダから自動読み込み。
-
1枚の画像をクリックすると複数...
-
画面の表示位置を指定させて表...
-
MAX関数を使ってからLEFT JOIN...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
クリックで色変更後に既に変更...
-
createElementが一瞬で消えてし...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報