如何在不同時間循環顯示問候語的功能

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。