ieで使う、JAVAスクリプトの質問です。

マウスが、5秒間動かないときに指定した関数に飛ばしたいのですが、具体的な記述例などがありましたら紹介してください。

回答の条件
  • 1人1回まで
  • 登録:2006/06/06 11:33:25
  • 終了:2006/06/13 11:35:02

回答(3件)

id:bonlife No.1

回答回数421ベストアンサー獲得回数752006/06/06 12:09:58

ポイント35pt

以下のような感じでいかがでしょうか。

alertMsg()という部分を適切な関数に変更していただければ良いはずです。

一度確認してみてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>JavaScriptマウス5秒停止チェック</title>
<script language="javascript">
<!--
var mousemovetimer = -1;
function mouseCheck() {
	clearTimeout(mousemovetimer);
	mousemovetimer=setTimeout("alertMsg()",5000);
}
function alertMsg() {
	alert("5秒立ちましたよ。");
}
//-->
</script>
</head>
<body onLoad="mouseCheck()" onMouseMove="mouseCheck()">
マウスが5秒間停止していたら、アラートが現れます。
</body>
</html>

ただ、このやり方だとずーっと5秒ごとにアラートが出てしまいます。

適宜改訂してください。

参考になれば幸いです。

id:yositaku

非常に参考になりました。

助かりました。

ありがとうございました。

2006/06/06 14:05:10
id:villain No.2

villain回答回数174ベストアンサー獲得回数122006/06/06 12:29:01

ポイント35pt

こんな感じでどうでしょうか。

(非常に簡易的です)


<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
  <title>テスト</title>
<script>
<!--
/* 初期化 */
var timer;
document.onmousemove = Moving;
/* マウスを移動した場合タイマーをセットし直す */
function Moving(){
	clearTimeout(timer);
	timer = setTimeout("func();", 5000);
}
/* タイマーのセット */
function settim() {
	timer = setTimeout("func();", 5000);
	return;
}
/* 5 秒間マウスが動かなかった場合の処理 */
function func() {
	alert('マウスが 5 秒間移動しませんでした。');
}
//-->
</script>
</head>
<body>
</body>
</html>
id:lains_you No.3

lains_you回答回数50ベストアンサー獲得回数102006/06/06 12:08:49

ポイント10pt

5秒間、ウィンドウ上でマウス動作がない場合にメッセージを表示します。

マウス動作があった場合、以前に設定したタイマをクリアしています。


<html>

<head>

<script type="text/javascript">

var timerId = null;

function clearTimer(){

if( timerId != null ){

window.clearTimeout(timerId);

}

timerId = window.setTimeout("alert('Test');",5000);

}

</script>

</head>

<body

onload="clearTimer();"

onmousedown="clearTimer();"

onmouseup="clearTimer();"

onmousemove="clearTimer();">

</body>

</html>

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

  • Comments/Memo PukiWiki Plus! (PukiWiki/TrackBack 0.4) 2010-08-04 17:49:52
    Memo http://ww5.tiki.ne.jp/~karz/difference/room12.htm -- 2010-07-26 (Mon) 10:03:30 http://www.geekpage.jp/web/google-maps-api/ -- 2010-08-02 (Mon) 10:20:36 New http://www.openspc2.org/reibun/Google/Maps/API/ -- 2010-08-02 (Mon) 10:20:46 New http://...
「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません