Question

好的，我遇到了最奇怪的问题。我创建了一个基于codepen的代码。它在Codepen中每小时都能完美地改变图像。我通过改变我的时钟来测试它。但是，在我的网站上传时，它无法正确更新。

这是我的本地html：

 <div class="table">    
    <div id="plate">
    <div id="hour1"> </div>
    </div>      
</div>

的CSS：

html,body { margin:0px; padding:0px; background-color : #fff; }

#plate{
width: 465px;
height: 465px;
background-repeat: no-repeat;
background-image:url(http://www.cassietodd.me/gra423/clockapp/images/Pieclock_plate.png);
}

#hour1{
float:left;
width: 320px;
height: 520px;
background-repeat: no-repeat;
background-image: url(http://www.cassietodd.me/gra423/clockapp/images/strawberry_01.png);
background-size: 104%;
}

.table{
margin: 0px auto;
margin-top: 30px;
width:320px;
height: 568px;  
background-image: url(http://www.cassietodd.me/gra423/clockapp/images/Pieclock_table.png);
background-repeat: no-repeat;

}

我的javascript：

 window.onload = function () {
  var updateView = (function() {
  var sec;
  return function () {
   var now = new Date();
   if (now.getSeconds() == sec) return;

var second = now.getSeconds();
var minute = now.getMinutes();
var hour = now.getHours();


var hour1;
if(hour < 12){
  hour1 = 0;
}else{
  hour1 = Math.floor(hour / 2);
}
var hour1 = hour%12;

  _updateView(hour1);
}
 })();

setInterval(updateView, 500);

function _updateView(h1) {

var _url = "http://www.cassietodd.me/gra423/clockapp/images/";
 $('#hour1').css("background-image", "url("+_url+"h" + h1 + ".png)");
 }
}

你可以看到适用于Codepen的那个。 http://codepen.io/cmtodd3/pen/mzibu

它完全相同的代码，但它适用于codepen，但在我的网站上时间是错的？这是我的测试网站以防万一

http://www.cassietodd.me/gra423/clockapp

Answer 1

我得到了代码来处理用户错误。我只需要打开一个新窗口。我一关闭它就在最后一小时使用同一个窗口，再次打开我的网站它正在工作。我不确定为什么会这样，但我正在回答我自己的问题。哎呀我很尴尬。

为什么我的Javascript没有正确更新时间？

1 个答案: