javascriptを２つ使うと１つの動きしかしません。

解決済

質問者：popotyan77
質問日時：2008/10/28 17:13
回答数：3件

初心者です。ホームページを作っています。
以下のように記述してjavascriptで2つの動きをしたいのですが１つしか動きません。scriptをべつのファイルにしたのですが動かないのですが。どう記述したらいいのでしょうか？
よろしくお願いします。

<html>
<title></title>
<head>
<script language="javascript" src="test.js"></script>
</head>
<center>
<body text="#000000" onLoad="timer1=setTimeout('fadein(0,100)',100)">
<br><br>
<font size="8" color="green">ようこそマイホームページへ</font><br><br>
<img src="top.jpg"><br><br>
<a href="top.html">
<img src="main.jpg"></a>

<form action="top.html">
</form>
<script language="javascript" src="common.js">
</script>
<a href="javascript:void(post())">3秒後に遷移します。画面が変わらない場合はクリックしてください</a>
</center>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2008/10/28 20:23

肝心のスクリプトが提示されていないので、まったくの推測ですが・・・

変数名か関数名がダブっているとか、そういうことではないのかしらん？
関数名がくさそうな気がしますが・・・

この回答への補足

すみません。
内容を書くのを忘れていました。

test.jsが以下の内容です。

r_color="000123456789abcd";
g_color="0123456789abcdef";
b_color="000123456789abcd";
function fadein(pos,speed){
clearTimeout(timer1);
r=r_color.charAt(pos);
g=g_color.charAt(pos);
b=b_color.charAt(pos);
document.bgColor="#"+ r + r + g + g + b + b;
if(pos < 15){
timer1=setTimeout("fadein("+(pos+1) +","+ speed + ")",speed);
}else{
clearTimeout(timer1);
}
}

common.jsが以下の内容です。

var post = function(){
document.forms[0].submit();
};

window.onload = function(){
window.setTimeout(post, 3000);
};

よろしくお願いします。

補足日時：2008/10/29 09:30

通報する

- 0
- 件

通報する

この回答へのお礼

やはりonLoadがだぶっていました。
１つのscriptにまとめたら動きました。
ありがとうございました。

通報する

お礼日時：2008/10/29 12:33

No.3

回答者： yambejp
回答日時：2008/10/29 11:02

タイマーがクリアされているようですね

どちらかのタイマー処理をsetIntervalなど別方法にかえてみては？

- 0
- 件

通報する

この回答へのお礼

片方をsetIntervalに書き換えてみたのですが動作しませんでした。

２つのscriptの中が
setTimeoutと同じ動作をさせていることに気ずいたので１つのscriptにまとめて書き込んだら動きました。ありがとうございました。

またよろしくお願いします。

通報する

お礼日時：2008/10/29 12:21

No.2

回答者： yambejp
回答日時：2008/10/29 09:20

たとえば、test.jsとcommon.jsでともにwindow.onload構文を

つかっているとかだと、作業が競合しますね

この回答への補足

そうですか。
ページを読み込んですぐに動作するものと、3分後だから大丈夫だと
思ったのですが。
一応scriptの中を書いておきます。
＜test.js＞
r_color="000123456789abcd";
g_color="0123456789abcdef";
b_color="000123456789abcd";
function fadein(pos,speed){
clearTimeout(timer1);
r=r_color.charAt(pos);
g=g_color.charAt(pos);
b=b_color.charAt(pos);
document.bgColor="#"+ r + r + g + g + b + b;
if(pos < 15){
timer1=setTimeout("fadein("+(pos+1) +","+ speed + ")",speed);
}else{
clearTimeout(timer1);
}
}

＜common.js＞

var post = function(){
document.forms[0].submit();
};

window.onload = function(){
window.setTimeout(post, 3000);
};
よろしくお願いします。