ページ自動ジャンプをリセットさせたい

解決済

質問者：D-Den
質問日時：2008/10/17 13:29
回答数：3件

アンカーポイントで位置を移して色々と情報を見れるページを
制作していまして、そのページに３０秒後ジャンプさせるメタタグを入れています。

御相談なのですが、アンカーポイントで位置を移したとき
３０秒後にジャンプさせるというカウントをリセットさせたいのです。

簡単に言いますと↓のような感じになります。
----------------------------------------------------------------------
・３０秒以内にボタンをクリックするとカウントがリセット。
　また1秒からカウントさせる。
----------------------------------------------------------------------

今使っているメタタグ
<meta http-equiv="Refresh" content="30;URL=xxx.html" />

※アンカーポイントをやめてページを小分けにする事はできません。

通報する

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

質問の本文を隠す

回答 (3件)

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

No.2ベストアンサー

回答者： fujillin
回答日時：2008/10/17 21:32

そのままを書くと丸投げになっちゃうので、雰囲気だけです。

<html>
<head>
<style type="text/css">
body { margin:40px; }
div { height:500px; background-color:#e0eeff; }
#counter { color:red; font-weight:bold; font-size:larger; }
</style>

<script>
var timer = 30;
T = window.setInterval("t_count();",1000);
function t_count(){
var tmp = (--timer)?"あと"+timer+"秒":"JUMP!!";
if (!timer) { window.clearInterval(T); }
document.getElementById('counter').innerText = tmp;
}
function reset(){ timer = 30; return true; }
</script>
</head>

<body>
<div>
<a href="#two" name="one" onclick="reset()">◆ リンク1　(↓へ)</a>
</div>
<span id="counter">　</span>
<div>
<a href="#one" name="two" onclick="reset()">◆ リンク2　(↑へ)</a>
</div>
</body>
</html>

- 0
- 件

通報する

No.3

回答者： pick52
回答日時：2008/10/19 21:22

いくつか注意点を。

IEやIEコンポを使用したブラウザではたまにアンカーリンクが
上手く動作しないことがあるようです。

あと、他の回答者さまが仰っているJavaScriptを使用する方法ですが
クライアントによって無効にできるので場合によっては意図したとおりに
動作しない可能性があります。
あと、 meta によるジャンプも実は対応していないクライアントがある
可能性があります。
(本当にあるかどうかは不明)

その点なども考えてそういった環境は完全に無視するとかいうなら
いいんですけど。