イメージがロードされているときにスピナーを表示し、完了したらイメージを表示するコードです。また、このページは5秒ごとに自動リフレッシュする必要があり、リフレッシュを11秒で停止する、つまり2回リフレッシュする必要があります。しかし、これは機能しません。スピナーコードはCSSファイルにあります。これは動作しません - 何度も何度もリフレッシュし続けます - タイムアウトがリセットされ、varを使って喜びを割り当てようとしました。どんな助力も高く評価されました。ページの更新を中止する - クリア機能を使用しない
<META HTTP-EQUIV="Cache-Control" CONTENT="max-age=0">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META http-equiv="expires" content="0">
<META HTTP-EQUIV="Expires" CONTENT="Tue, 01 Jan 1980 1:00:00 GMT">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<html>
<head>
<link rel="stylesheet" href="/css/graph.css" type="text/css" media="screen, projection">
<script src="/javascript/jquery-latest.js" type="text/javascript">
</script>
<script type="text/javascript">
var img = new Image(); img.height=600; img.width=2000;
$(img).load(function() {
$(this).css('display','none');
$(this).animate({ opacity: 0.25 }).fadeIn("slow");
$('#loader').append(this);
$(this).animate({ opacity: 1 })
}).error(function() {
}).attr('src', 'xyz.png');
var timer = function() { window.location.reload(true);};
window["reload_timer"] = setTimeout(timer, 5000);
var timer2 = function() {
clearTimeout(window["reload_timer"]);
clearTimeout(window["reload_timer2"]);};
window["reload_timer2"] = setTimeout(timer2, 11000);
</script>
</head>
<body id = "page"><div id="loader" class="loading">
</div>
</body>
</html>
さて、あなたは**ページをリロードしているに達することはありません実際にはので、それはすでに、再ロードされています忘れ... – leppie
あなたが本当にしていますページをリロードするか、画像を2回リロードするだけですか? –
イメージはあまりにも...それは動作します...このコードはメインウィンドウのiframeに入るので、私はiframeでリロードしようとしましたが、そこに同じ問題がありますclearTimeoutは呼び出されませんか、すべてのリロード時にタイマー。 –