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

How to loop a function that displays greeting at different times

本文关键字：显示 同时间 候语 函数 何循环 循环      更新时间：2023-09-26

我是新来的。

我想问是否有可能将下面的getGreeting函数循环一定次数，比如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;
}


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。

相关文章：