如何通过Javascript中的if语句显示消息

Question

我有一个index.html，在此文件中，我编写代码以便在此显示一条消息“hello”。我的目标是实现显示三种消息的代码：“早上好”，“晚上好”和“晚安”。

跟随我的代码：

<p id="show_time" class="time"></p> 
<script> 
window.onload = show_time('show_time'); 

    function show_time(id) { 
     h = date.getHours(); 

     if h == 22 { 
     document.getElementById(id).innerHTML = "hello"; 
     } 
     setTimeout('show_time("' + id + '");','1000'); 
     return true; 
    } 
} 

在这段代码中我只写了一个情况。类，时间是包含字体大小和字体系列的css属性。 h获取当前小时，如果h为22，则将输出“hello”。但这不起作用。

如果您可以提供显示三种消息类型的代码，它非常有用。

谢谢

Answer 1

window.onload = function() { 
 
    var h = new Date().getHours(), 
 
     msg = 'morning'; 
 
    
 
    if (h > 12) { msg = 'afternoon'; } 
 
    if (h > 20) { msg = 'night'; } 
 

 
    document.getElementById('show_time').innerHTML = msg; 
 
}

<p id="show_time" class="time"></p>

Answer 2

像这样?? ??

/* next line if false, see the comments on this answer!!! */ 
 
window.onload = show_time('show_time'); 
 

 
function show_time(id) { 
 
    var date = new Date(), 
 
     h = date.getHours(); 
 

 
    if(h > 0 && h < 6) { 
 
    var msg = "Good night"; 
 
    } 
 
    else if(h >= 6 && h < 12) { 
 
    var msg = "Good morning"; 
 
    } 
 
    else if(h >= 12 && h < 18) { 
 
    var msg = "Good day"; 
 
    } 
 
    else if(h >= 18 && h < 24) { 
 
    var msg = "Good evening"; 
 
    } 
 
    document.getElementById(id).innerHTML = msg; 
 
    setTimeout('show_time("' + id + '");', '1000'); 
 
}

<p id="show_time" class="time"></p>