如何通過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>