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

时间:2013-03-13 06:09:06

标签: javascript loops

我是新来的,是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;
}

1 个答案:

答案 0 :(得分: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。