根据时间页面上的业务打开/关闭文本

时间:2015-06-10 20:09:16

标签: javascript html

我必须尝试过100种不同的代码,但似乎无法正确使用。我觉得自己好好走出比赛场地。

我想在我们的网页上显示一条消息,显示我们的业务是开放还是关闭,具体取决于时间和/或日期。

这是我目前的代码。

<script type="text/javascript">
var today = new Date()
var open = ("We're open today from 9am - 5pm</span>");
var closed = ("We're closed and will open again tomorrow 9am - 6pm</span>");
if (today == 0) display.innerHTML = 'closed';
if (today.getHours() >= 9 && today.getHours() < 18) {
    display.innerHTML = 'open';
} else {
    display.innerHTML = 'closed';
}
</script>

以及我目前正在使用的HTML。

<div><span id="display"></span></div>

1 个答案:

答案 0 :(得分:2)

试试这个(参见jsfiddle):

var today = new Date(),
    open = "We're open today from 9am - 5pm",
    closed = "We're closed and will open again tomorrow 9am - 6pm",
    display = document.getElementById('display');

if (today.getHours() >= 9 && today.getHours() < 18) {
    display.innerHTML = open;
} else {
    display.innerHTML = closed;
}

HTML:

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

我认为你的问题是它在div中显示“打开”或“关闭”,它应显示“我们今天上午9点至下午5点开放”或“我们已关闭”并将于明天上午9点至下午6点再次开放。问题是您将变量openclosed引用为字符串。