OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

mouseover 時の連続処理につきまして

  • すぐに回答を!
  • 質問No.224684
  • 閲覧数289
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 86% (13/15)

MouseOverしている間に同じ関数(処理)を
連続して呼び続けるにはどのように行えばいいでしょうか?

現在下記のようにしていますが思うように動いてくれません。

==================================================================
<script language= "javascript>"

var scrol = 0;

function test(){
   while(1){
      scrol++;
      if(scrol>7)break;
      parent.IFrame.location.href="test.htm#" + scrol;
   }
}

</script>

<body>
<input type="button" value="test" Onclick = "test()">
</body>

==================================================================

よろしくご教授ください、失礼します。
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全1件)

  • 回答No.1
レベル6

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

<html> <head> <title>onMouseOver時に加算する実験</title> <script language="JavaScript"> <!-- var flag=false; //マウスポインタが乗っているか、乗っていないかの判定用 function adding(){ if ...続きを読む
<html>
<head>
<title>onMouseOver時に加算する実験</title>
<script language="JavaScript">
<!--
var flag=false; //マウスポインタが乗っているか、乗っていないかの判定用
function adding(){
if(flag){
num=Number(document.f.t.value);
num++;
document.f.t.value=String(num);
}
}
//-->
</script>
</head>
<body onLoad="setInterval('adding()',100)">
<form name="f"><input name="t" type="text" value="1"></form>
<span onMouseOver="flag=true"
onMouseOut="flag=false">ここにマウスをあわせると加算されます</span>
</body>
</html>

こんな感じでどうでしょう?
上の例は、ただ単純にonMouseOver時に加算するだけですが、参考にはなると思います。

ページが読み込まれた時点ではflagはfalseなので、
0.1秒毎にadding()が呼び出されているわけですが、実際に加算は実行されません。
「ここにマウス・・・」の部分にポインタがのれば、flagはtrueに、離れれば、flagはfalseになるので、乗っている間だけ加算が実行される、という仕組みです。つまりflagで、加算の制御を行っています。

上のタグをコピペして、動作確認してみてください。私はIE6で動作確認いたしました。


このQ&Aで解決しましたか?
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ