javascript - 如何循环在不同时间显示问候的函数

Question

我是新来的，也是 js 的新手。

我想问是否可以循环以下 getGreeting 函数一定次数，比如 20 次。所以根据一天中的时间，你会得到 20 个早上好！或 20 个下午好等等。

谢谢

window.onload = function() {
    var date = new Date();
    var hours = date.getHours();
    document.getElementById("greeting").innerHTML = getGreeting(hours);
};

function getGreeting(hours) {
    var greetingText;
    if (hours >=6 && hours < 12) {
        greetingText = "Good morning!";
    } else if (hours >= 12 && hours < 17) {
        greetingText = "Good afternoon!";
    } else if (hours >= 17 && hours < 23) {
        greetingText = "Good Evening!";
    } else if (hours >= 23 || hours < 6) {
        greetingText = "Go to sleep!";
    }
    return greetingText;
}

Answer 1

for(var i=0;i<21;i++)
{
  document.getElementById("greeting").innerHTML = getGreeting(hours);
  // Maybe you want this
  document.getElementById("greeting").innerHTML = document.getElementById("greeting").innerHTML + "\n" + getGreeting(hours); // This will show 20 Greetings in the field
}

但它的目的是什么？您甚至不会注意到 20 次重复，因为您正在更新相同greeting元素的 InnerHTML。