前提・実現したいこと
metaで定期的にサイトリフレッシュさせたいのですが、
テキストリンクをクリックでリフレッシュ機能を止めたり、動かしたいと思っています。
発生している問題
Chromeで2秒ごとに時計が更新されるようにしているのですが、
テキストリンクをクリックすると時計が止まり、もう一度クリックすると動きます。
しかし、IEで上記を確認すると時計が止まりません。。
ネットで情報を探し、window.stop();がそもそもIEでは使えないということなので、
document.execCommand('Stop');を使うということまではわかっているのですが、
素人のため、javascriptの書き方もわからず困っています。
補足情報
IE9対応がマストになります。
そもそももっと良い方法があるのでしょうか。。
ご存知でしたら、教えていただきたいです。
試したこと
下記ソースをご確認ください。
<html> <head> <title>Test</title> <meta charset="UTF-8" /> <meta http-equiv="refresh" content="2" /> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $('a').click(function(e){ $(this).toggleClass('stop'); if($(this).hasClass('stop')){ window.stop(); } else { location.reload(); } }); }); </script> </head> <body> Reloaded at <span id="time"></span> <script> document.getElementById("time").innerHTML = Date(); </script> <a href="#">Stop refresh</a> </body> </html>

回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/17 03:07