- ベストアンサー
ページ自動ジャンプをリセットさせたい
- アンカーポイントで位置を移して色々と情報を見れるページを制作していますが、そのページに30秒後ジャンプさせるメタタグを入れています。しかし、アンカーポイントで位置を移動した後も30秒後にジャンプさせるカウントをリセットさせたいです。
- アンカーポイントで位置を移動した後に30秒後ジャンプさせるカウントをリセットさせたいですが、現在使っている<meta http-equiv="Refresh" content="30;URL=xxx.html" />メタタグではリセットすることができません。
- アンカーポイントで位置を移動した後も30秒後にジャンプさせるカウントをリセットしたいですが、メタタグを変更することはできません。アンカーポイントをやめてページを小分けにすることはできません。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
そのままを書くと丸投げになっちゃうので、雰囲気だけです。 <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>
その他の回答 (2)
- pick52
- ベストアンサー率35% (166/466)
いくつか注意点を。 IEやIEコンポを使用したブラウザではたまにアンカーリンクが 上手く動作しないことがあるようです。 あと、他の回答者さまが仰っているJavaScriptを使用する方法ですが クライアントによって無効にできるので場合によっては意図したとおりに 動作しない可能性があります。 あと、 meta によるジャンプも実は対応していないクライアントがある 可能性があります。 (本当にあるかどうかは不明) その点なども考えてそういった環境は完全に無視するとかいうなら いいんですけど。
- superside0
- ベストアンサー率64% (461/711)
metaタグでのジャンプでなく、Javascriptでジャンプさるように変更し、 そのJavascriptでのタイマーカウンターを onclickとかonmouseoverとか必要なイベント発生時にクリアさせれば いけると思います。
補足
回答ありがとうございます。 申し訳ありませんがJavascriptにはあまり詳しくないもので 可能でしたらスクリプトを書いて頂けると助かります。