javascript - 使用变量根据时间向用户显示上午、下午或晚上

Question

我想说“早上好，用户”(早上可以改为下午或晚上)我的代码不起作用。如果有任何帮助，我将不胜感激。

index.html 片段

 <h1 class="mx-3 text-center display-3">Good <span id="time"></span>, Username</h1>

ma​​ster.js

var today = new Date()
var curHr = today.getHours()
var time = null;

if (curHr < 12) {
  var time = "Morning";
} else if (curHr < 18) {
  var time = "Afternoon";
} else {
  var time = "Evening";
}

document.getElementById("time").innerHTML = time;

抱歉，我是 javascript 菜鸟。

我还想知道这个错误意味着什么(来自 google chrome 控制台):

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at master.js:13

Answer 1

如果您在跨度之前链接 javascript 文件，那么 Uncaught TypeError: Cannot set property 'innerHTML' of null at master.js:13 将会发生，因为它还找不到跨度。尝试:

window.onload = function(e){ 
    document.getElementById("time").innerHTML = time;
}