1+X Web前端(初级)考试知识点《js时间格式化》

1+X Web前端(初级)考试知识点《js时间格式化》

一、实现效果

通过 js 获取当前日期并进行显示,如下图:
在这里插入图片描述

二、Date对象常用方法

var date = new Date();
方法 代码
getFullYear() (年)获得 4 位数字年份
getMonth()() (月)获得月份
getDate() (日)获得一个月中的哪天
getHours() (时)获得 0 - 23 小时
getMinutes() (分)获得分钟
getSeconds() (秒)获得秒数
getTime() (时间戳)1970-01-01至今的毫秒

三、完整代码

<!DOCTYPE html>
<html>
  <head>
    <title>格式化日期</title>
    <meta charset="utf-8">
  </head>
  <body>
    
    <script type="text/javascript">
      
      var d = new Date();
      
      var year = d.getFullYear();
      var month = d.getMonth()+1;
      var day = d.getDate();
      var hour = d.getHours();
      var minute = d.getMinutes();
      var second = d.getSeconds();
      var week = d.getDay();
      
      var str = year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second;
      document.write("<h2 style='text-shadow:10px 10px 5px gray;'>"+str+"</h2>");
      
    </script>
    
  </body>
</html>


猜你喜欢

转载自blog.csdn.net/fujian87232/article/details/124901059