JS 设置12点前显示早上好，18点前显示下午好，其他时候都是晚上好

请问各位朋友，JS中想设置12点前显示早上好，18点前显示下午好，其他时候都是晚上好，怎么设定呢

获取时间。然后判断一下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>动态显示时间</title>
</head>

<body>
  <div class="showTime"></div>
</body>
<script>
  var t = null;
  t = setTimeout(time, 1000);//开始运行
  function time() {
    clearTimeout(t);//清除定时器
    dt = new Date();
    var y = dt.getFullYear();
    var mt = dt.getMonth() + 1;
    var day = dt.getDate();
    var h = dt.getHours();
    var m = dt.getMinutes();
    var s = dt.getSeconds();
    var hellow = "";
    if (h < 12) {
      hellow = "上午好"
    } else if (h > 12 && h < 18) {
      hellow = "下午好"
    } else {
      hellow = "晚上好"
    }

  
  document.querySelector(".showTime").innerHTML = hellow +"--"+ '当前时间:' + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
  t = setTimeout(time, 1000);//设置定时器，循环运行
  }
</script>

</html>