人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: yositaku
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:IE Java スクリプト マウス 記述
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ●
●35ポイント

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

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秒ごとにアラートが出てしまいます。

適宜改訂してください。

参考になれば幸いです。

◎質問者からの返答

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

助かりました。

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


2 ● villain
●35ポイント

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

(非常に簡易的です)


<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>

3 ● lains_you
●10ポイント

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>

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ