javascript - 创建一个函数来检查企业是否营业并将文本写入 html

Question

我想创建一个脚本来检查时间是否在工作日上午 10 点到晚上 10 点之间以及周末上午 10 点到午夜之间。完成此操作后，我最终想要它，以便它会在网站上显示“我们一直营业到(取决于是否是工作日)”或“我们在上午 10 点营业”(如果它们关闭)。当我尝试时，警报框是暂时的并弄清楚这一点。这是我到目前为止所拥有的。

我已经编辑了 CrakC 指出的错误，我现在正在尝试向 ID 为“areWeOpen”的 div 添加文本

这也应该在头部还是 body ？它应该在浏览器读取 id 之前调用，对吧？

			function checkIfOpen() {
			  var now = new Date();
			  var day = now.getDay();
			  var time = now.getHours();
			  var open, weekday, ;
			  var closed = "We will open at 10Am";
			  var openWeekday = "We are open till 10Pm";
			  var openWeekend = "We are open till midnight";

			  if (time >= 10) {
			    var open = true;
			  } else {
			    var open = false;
			  }

			  if (day >= 1 && day <= 4) {
			    var weekday = true;
			  } else {
			    var weekday = false;
			  }
			  if (open === true && weekday === true) {
			    document.getElementById('areWeOpen').innerHTML(openWeekday);
			  } else if (open === true && weekday === false) {
			    document.getElementById('areWeOpen').innerHTML(openWeekend);
			  } else {

			    document.getElementById('areWeOpen').innerHTML(closed);
			  }
			};
			checkIfOpen();

Answer 1

只需设置关闭时的默认值，然后根据检查更改这些值，即可节省多行代码。这也更具可读性和可维护性。

innerHTML 和 textContent 是属性，而不是方法。这意味着您将事物分配给它们，而不是像您尝试的那样尝试使用括号来调用它们。但是，如果您只是插入文本，那么您应该使用 textContent。

(function checkIfOpen() {
    var now = new Date();
    var day = now.getDay();
    var hour = now.getHours();
  
    var otime = 10;
    var ctime = 24;
    var msg = "we open at "+otime+"am";
    var until = "midnight";
  
    if (day >= 1 && day <= 4) ctime = 22, until = "10pm";
    if (hour >= otime && hour <= ctime) msg = "we are open until " + until;
  
    document.getElementById('areWeOpen').textContent = msg;
})();

<div id="areWeOpen"></div>