根据系统时间自动问好

最新推荐文章于 2025-08-01 13:43:30 发布

转载最新推荐文章于 2025-08-01 13:43:30 发布 · 552 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chenxi188/p/10528743.html

文章标签：

#xhtml

本文介绍了一个简单的网页应用，使用HTML、CSS和JavaScript实现。当用户点击按钮时，根据当前时间显示不同的问候语，如“上午好”、“下午好”或“晚上好”。此应用展示了如何在网页中获取系统时间并据此更新页面内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
 </head>

 <body>
 <button onclick='godDay()'>点我</button>
 <div id='demo'></div>
  <script>
  //根据系统时间自动问好
  document.write('点按钮会向你问好哦')
  function godDay(){
    var x='';
    var time=new Date().getHours();
    if (8<time<13)
    {
        x='上午好';
    }
    else if(13<time<17)
    {
        x='下午好' ;
    }
    else
    {
        x='晚上好';
    }
    document.getElementById('demo').innerHTML=x;
  }
  </script>
 </body>
</html>