| ポイント |
<![CDATA[
window.document.onmousedown = chk;
window.document.onkeydown = chk;
window.document.onmousemove = chk;
if (count >= 60) top.location.href = "next.html";
<body onLoad="setInterval('jump()',1000)">
]]>
|
| 説 明 |
何も操作されなかったらフレームを解除して指定ページに移動するにはキーイベント、マウスイベントを検知し、検知したらカウンタをゼロ、そうでない場合は１秒ごとにカウンタを１増やします。カウンタはイベントがなければ１秒に１増えますのでカウンタが６０を超えたらtop.location.hrefに移動先のページURLを入れます。parent.location.hrefを指定すると親フレームのみ変更することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>１分間何も操作されない場合フレームを解除して指定ページに移動する</title>
<frameset cols="50%,*">
<frame src="code_left.html">
<frame src="code_right.html" name="rightFrame">
</frameset>
</head>
</html>
]]>
|
| 補足説明 |
フレームのページ内容は以下の通りです。
<![CDATA[
●code_left.html
<html>
<head>
<title>１分間何も操作されない場合フレームを解除して指定ページに移動する</title>
<script language="JavaScript"><!--
window.document.onmousedown = chk;
window.document.onkeydown = chk;
window.document.onmousemove = chk;
count = 0;
function chk()
{
count = 0;
}
function jump()
{
count++;
if (count >= 60) top.location.href = "next.html";
}
// --></script>
</head>
<body onLoad="setInterval('jump()',1000)">
１分間何も操作されない場合フレームを解除して指定ページに移動する<br>
<br>
左ページ<br>
</body>
</html>
●code_right.html
<html>
<head>
<title>１分間何も操作されない場合フレームを解除して指定ページに移動する</title>
<script language="JavaScript"><!--
window.document.onmousedown = chk;
window.document.onkeydown = chk;
window.document.onmousemove = chk;
count = 0;
function chk()
{
count = 0;
}
function jump()
{
count++;
if (count >= 60) top.location.href = "next.html";
}
// --></script>
</head>
<body onLoad="setInterval('jump()',1000)">
１分間何も操作されない場合フレームを解除して指定ページに移動する<br>
<br>
右ページ<br>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
１分間何も操作されない場合フレームを解除して指定ページに移動する