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

弹了个球

于 2022-05-21 21:22:58 发布

阅读量800

点赞数 1

分类专栏： web 文章标签：前端 javascript

本文链接：https://blog.csdn.net/fujian87232/article/details/124901059

版权

web 专栏收录该内容

3 篇文章 8 订阅

订阅专栏

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>