显示打开/关闭标志

时间:2017-07-18 18:52:16

标签: javascript

我希望我的网站根据当前时间显示“打开”或“关闭”。

我的问题是网站上没有显示任何内容,所以我想弄清楚代码是什么错误

<script type="text/javascript">
var today = new Date(),
var open = "Open",
var closed = "Closed",
var display = document.getElementById('hours-display'); 
if (today.getHours() >= 9 && today.getHours() < 18) {
display.innerHTML = open;
} else {
display.innerHTML = closed;
}
</script>


<div id="hours-display"></div>

2 个答案:

答案 0 :(得分:0)

一旦声明了指定的元素,您就只能getElementById。此外,您使用逗号而不是分号

<div id="hours-display"></div>
<script>
  var today = new Date();
  var display = document.getElementById("hours-display");
  if (today.getHours() >= 9 && today.getHours() < 18) {
    display.innerHTML = "Open";
  } else {
    display.innerHTML = "Closed";
  }
</script>

答案 1 :(得分:0)

您声明变量的方式就是问题所在。你应该从其他变量中删除var,因为你使用这样的逗号:

var today = new Date(),
open = "Open",
closed = "Closed",
display = document.getElementById('hours-display'); 
if (today.getHours() >= 9 && today.getHours() < 18) {
    display.innerHTML = open;
} else {
    display.innerHTML = closed;
}