ある一定時間操作していない場合に指定のページに移動させたい。

解決済

質問者：lemon0324
質問日時：2010/09/10 16:54
回答数：4件

ある一定時間操作していない場合に指定のページに移動させたい。

表題の通り、ある一定時間操作(もしくはクリック)していない場合には、
指定のページに移動するようなことは可能なのでしょうか？
(ここでの操作とは該当ホームページ上での操作ということです)

決められた時間が経過した場合に、移動することができるのはわかりますが、
操作されていないというのを判断して移動させることはできるのでしょうか？

htmlタグ以外でも構いませんので、何か方法があれば教えてください。

一応WindowsのIE、FireFoxで閲覧することを目的としています。

通報する

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

質問の本文を隠す

回答 (4件)

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

No.4ベストアンサー

回答者： fujillin
回答日時：2010/09/10 20:51

方法は似たようなものですが、jqueryを使わない例。

いずれにしろjavascriptですので、オフにしているユーザには効果がありません。
（時間とジャンプ先は適当に設定し直してください）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
</head>
<body>
<div>本文</div>

<script type="text/javascript">

</script>
</body>
</html>

- 2
- 件

通報する

この回答へのお礼

お忙しい中、ご回答ありがとうございました。

指定のURLに飛ぶことが確認できました。
私の知識不足でした。とても勉強になりました。

通報する

お礼日時：2010/09/14 16:26

No.3

回答者： x_lady007
回答日時：2010/09/10 18:32

以下でイケると思います。

一定時間操作無操作の場合というのは、jQueryのmousemoveイベントを使用しています。

<!DOCTYPE html>
<html>
<head>
<meta charset="Shift_JIS">
<title>■■■■■■■■■■</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4. …
<script>
$(function(){

var jampUrl = 'http://example.com/'; //ジャンプ先URL
var secondNum = 5; //秒数
var intervalId;

function intervalFunc() {
intervalId = setInterval(eventFunc,secondNum*1000);
}
intervalFunc();

function eventFunc() {
location.href = jampUrl;
}

$('html').mousemove(function(e){
clearInterval(intervalId);
intervalFunc();
});
});
</script>
</head>
<body>

<p>テスト</p>

</body>
</html>

- 1
- 件

通報する

この回答へのお礼

お忙しい中ご回答ありがとうございました。

コピペしただけでは動作が確認できませんでしたが、
参考URL等拝見する限りでは動作しそうでした。
(私の知識不足がありますので…)
確認させていただきます！
ありがとうございました。

通報する

お礼日時：2010/09/14 16:28

No.2

回答者： aurumnet
回答日時：2010/09/10 18:22

おっと　操作しなかったらか、

操作したかどうかのフラグがとれるかどうかだね

- 0
- 件

通報する

No.1

回答者： aurumnet
回答日時：2010/09/10 18:00

方法１

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
</BODY>
</HTML>
方法2
<HTML>
<HEAD>

<META http-equiv="refresh" content="5; url=http://www.eweb-design.com/">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
</BODY>
</HTML>

参考URL
http://javascript.eweb-design.com/1005_pj.html