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>