date javascript 秒数 javascript date()

文章目录

• 一、Date对象
• 二、创建Date对象的语法
• 三、Date对象属性
• 四、Date对象方法

• 1.返回日期字符串
• 2.返回月中的某天
• 3.返回周的某天
• 4.返回月份
• 5.返回年份
• 6.返回小时
• 7.返回分钟
• 8.返回秒
• 9.返回毫秒
• 10.返回1970年1月1日到现在的毫秒数
• 11.设置 Date 对象中月的某一天
• 12.设置 Date 对象中的年份（四位数字）
• 13.设置月、时、分、秒
• 14.以毫秒设置 Date 对象
• 15.将date对象转化字符串
• 16.将date对象转化为JSON

• 小案例

• 1.闹钟
• 2.封装函数，打印当前是何年何月何日何时，几分几秒

一、Date对象

Date对象用于处理时间和日期

二、创建Date对象的语法

var myDate = new Date()

Date对象会自动把当前日期和时间保存为其初始值
即如果不重新创建调用Date的方法会访问创建时的时刻

三、Date对象属性

属性	描述
constructor	返回对创建此对象的Date函数的引用
prototype	使您有能力向对象添加属性和方法

四、Date对象方法

1.返回日期字符串

Date()

单独执行 不new

2.返回月中的某天

getDate()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getDate())//返回月中的某一天 即今天
</script>

3.返回周的某天

getDay()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getDay())//返回月周中的某天 即星期几
</script>

从0开始 即星期天是第一天

4.返回月份

getMonth()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getMonth())//返回月份
</script>

从0开始 能返回0~11 如果要处理的话就加一就正常了

5.返回年份

getFullYear()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getFullYear())//返回年份
</script>

6.返回小时

getHours()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getHours())//返回小时
</script>

7.返回分钟

getMinutes()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getMinutes())//返回分钟
</script>

8.返回秒

getSenconds()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getSeconds())//返回秒
</script>

9.返回毫秒

getMilliseconds()

10.返回1970年1月1日到现在的毫秒数

getTime()

<script>
  var date = new Date()//创建日期对象
  console.log(date.getTime())//1970年1月1日至今到现在的时间差 单位毫秒
</script>

1970年1月1日是计算机零点时间 即纪元时间

作用：

1. 可以检测效率
2. 唯一标识

<script>
  var firstTIme = new Date().getTime()//获取开始时的时间戳
  // console.log(date.getTime())//1970年1月1日至今到现在的时间差 单位毫
  for(var i = 0 ; i<100000000;i++){}
  var lastTime=new Date().getTime()//获取结束时的时间戳
  console.log(lastTime-firstTIme)
</script>

11.设置 Date 对象中月的某一天

setDate()

<script>
  var date = new Date()
  console.log(date)//打印未设置之前
  date.setDate(20) // 设置月的日
  console.log(date)
</script>

12.设置 Date 对象中的年份（四位数字）

setFullYear()

<script>
  var date = new Date()
  console.log(date)//打印未设置之前
  date.setFullYear(2023) 
  console.log(date)
</script>

13.设置月、时、分、秒

1. setHours() 设置 Date 对象中的小时 (0 ~ 23)。
2. setMinutes（） 设置 Date 对象中的分钟 (0 ~ 59)。
3. setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
4. setMonth() 设置 Date 对象中月份 (0 ~ 11)。

14.以毫秒设置 Date 对象

setTime()

<script>
  var date = new Date()
  date.setTime(123456789191)
  console.log(date)
</script>

15.将date对象转化字符串

toString()

<script>
  var date = new Date()
  date.toString()
  console.log(date)
</script>

16.将date对象转化为JSON

toJSON()

<script>
  var date = new Date()
  date.toJSON()
  console.log(date)
</script>

小案例

1.闹钟

<script>
  var date = new Date()
  date.setMinutes(49);
  //每1000毫秒都会执行一次
  setInterval(()=>{
    if(new Date().getTime()-date.getTime()>1000){
      console.log('时间到')
    }
  }, 1000)
</script>

2.封装函数，打印当前是何年何月何日何时，几分几秒