<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <!-- 打开网页后 ，根据当前时间，显示：上午 ，下午，或晚上好，并显示当前系统时间 -->

        <script type="text/javascript">

        // 定义一个函数

        function timer(){

            // 获取当前时间

                var time_now=new Date();

                var year=time_now.getYear()+1900;   //年

                var month=time_now.getMonth()+1;    //月份

                var day=time_now.getDate();     //日

                var hour=time_now.getHours();   //小时

                var Min=time_now.getMinutes();  //分钟

                var s=time_now.getSeconds();    //秒

                if(s<10){   //这个是说 秒如果小于10 前面加个0

                    s="0"+s;

                }

                if(hour>=0&&hour<12){

                    welcome="上午好"+welcome;

                }else if(hour>=12&&hour<=18){

                    welcome="下午好"+welcome;

                }else{

                    welcome="晚上好"+welcome;

                }

                // 输出

                var print="今天日期："+year+"年"+month+"月"+day+"日<br>现在时间："+hour+"点"+Min+"分"+s+"秒<br>"+welcome;

                document.getElementById("time").innerHTML=print;    //将print赋值给它

               

        }

        // 定时器 1000毫秒刷新 1000毫秒=1秒

        setInterval("timer()",1000);

        </script>

    </head>

    <body>

        <!-- 定义一个div id属性 如何定位到它 -->

        <div id="time"></div>

       

    </body>

</html>

# html # java
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

小窗口大魔力，实况窗服务实时掌控重要信息变化

avatar 华为云开发者联盟
cover

GeminiDB全面联动MySQL：热点数据，一键加速

avatar 华为云开发者联盟
cover

GaussDB数据库查询重写的自动挖掘与生成

avatar 华为云开发者联盟