else if 语句

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. <p>单击按钮以显示基于时间的问候语:</p>
  6.  
  7. <button onclick="myFunction()">试一试</button>
  8.  
  9. <p id="demo"></p>
  10.  
  11. <script>
  12. function myFunction() {
  13. var greeting;
  14. var time = new Date().getHours();
  15. if (time < 10) {
  16. greeting = "早安";
  17. } else if (time < 20) {
  18. greeting = "日安";
  19. } else {
  20. greeting = "晚安";
  21. }
  22. document.getElementById("demo").innerHTML = greeting;
  23. }
  24. </script>
  25.  
  26. </body>
  27. </html>