从日期时间创建显示/隐藏javascript [关闭]答案

【问题标题】：create show/hide javascript from date time [closed]从日期时间创建显示/隐藏javascript [关闭]
【发布时间】：2021-07-26 04:35:09
【问题描述】：

从日期时间显示/隐藏 javascript 0

我有一些我认为应该根据一天中的时间显示或隐藏两个跨度的代码。尽管时间晚于现在，但它目前显示“关闭”跨度 - 我错过了什么吗？该网站仅在两台机器上运行，因此只需要在它们上设置时间。

<body>

<h2>JavaScript Functions</h2>

<br/><br/>
<span id="hours">Hours</span>
<span id="closed">Closed</span> 

<script>

document.ready(function() {

var start = new Date();
var end = new Date();
var time = new Date().getTime();

if (time > start.setHours(8,29) && time < end.setHours(11,32)) {
    document.getElementById("hours").style.display = "block";
    document.getElementById("closed").style.display = "none";
}
else {
    document.getElementById("hours").style.display = "none";
    document.getElementById("closed").style.display = "block";
    }
};
</script>

</body>
</html>

【问题讨论】：

您的代码works for me 解决了两个小错误：“参数列表后缺少)”和“document.ready 不是函数”。提供working example 来演示该问题可能会有所帮助。

标签： javascript html datetime frontend show-hide

【解决方案1】：

添加所需的 ) 并删除非 JS 函数后，它就可以工作（即：document.ready）

<html>
<body>

<h2>JavaScript Functions</h2>

<br/><br/>
<span id="hours">Hours</span>
<span id="closed">Closed</span> 

<script>
var start = new Date();
var end = new Date();
var time = new Date().getTime();

if (time > start.setHours(8,29) && time < end.setHours(20,32)) {
    document.getElementById("hours").style.display = "block";
    document.getElementById("closed").style.display = "none";
}
else {
    document.getElementById("hours").style.display = "none";
    document.getElementById("closed").style.display = "block";
    }
</script>

</body>
</html>

【讨论】：

@fauzanrozaq 你能投票并标记为已回答吗？我正在为 SO 中的 1k 代表起泡