html 显示动态时间

html 代码

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

js 代码

        <script>

 

         setInterval(time,1000) //定时器

         function time(){ //定义方法 time

           let time = new Date();  //实例化日期对象

           let year=time.getFullYear()+"年" //获取年

           let month=time.getMonth()+1+"月" //获取月

           let day=time.getDate()+"日"      //获取日

           let h=time.getHours()+':'        //获取时

           let m=time.getMinutes()+":"      //获取分

           let s=time.getSeconds()          //获取秒

           if(s<10){                        //判定秒 是否小于10秒

              s="0"+time.getSeconds()      //小于是 在其前加0 01，02，03...

               }

          if(time.getMinutes()<10){        //判定分 是否小于10分

              m="0"+time.getMinutes()+":"  //小于是 在其前加0 01，02，03...

              }

          id.innerHTML='当前时间：'+year+month+day+h+m+s  //显示当前时间

        }

         </script>

效果图为