0

这是在加载图像时显示微调器的代码,然后在完成时显示图像。另外,该页面需要每5秒自动刷新一次,并且刷新到11秒停止,即总共刷新两次。但这不起作用。微调器代码位于 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>
4

2 回答 2

2

您可以尝试重新加载带有附加参数的页面 URL。然后您可以使用 JavaScript 读取参数并使用它来了解页面刷新了多少次,以便您在 2 次刷新后停止。

否则页面是无状态的 - 将加载与以前相同的页面,不知道它是否已经加载。通过引入此 URL 参数,您可以跟踪某种状态。

于 2012-05-01T06:10:03.793 回答
0

当您重新加载页面时,页面会忘记它已经被重新加载,所以实际上您的代码永远不会到达 timer2

于 2012-05-01T06:13:17.160 回答