Date对象：获取当前时间渲染在页面上

LH505343

于 2023-02-02 20:44:22 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/L_H_study/article/details/128857135

此代码示例展示了一个HTML页面，它使用JavaScript获取当前日期和时间，并将结果显示在页面上的两个不同<span>元素中。日期格式为年-月-日星期X，时间格式为小时:分钟:秒，星期X用中文表示。

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

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <span id="y"></span>
       <br>
       <span id="x"></span>
       <script>
           // 获取当前时间渲染在页面上
           var now=new Date()
           var year=now.getFullYear() //年
           var month=now.getMonth()+1 //月
           var date=now.getDate() //日
           var day=now.getDay() //星期
           var arr=['日','一','二','三','四','五','六']
           var span=`${year}年${month<10?'0'+month:month}月${date<10?'0'+date:date}日星期${arr[day]}`;
           y.innerHTML=span

           var hour=now.getHours() //时
           var mints=now.getMinutes() //分
           var second=now.getSeconds() //秒
           var time=`${hour}:${mints<10?'0'+mints:mints}:${second<10?'0'+second:second}`
           x.innerHTML=time
       </script>
   </body>
</html>