时间对象

161 阅读1分钟
  • 在代码中发现了NEW关键字,一般将这个操作做称为实例化

  • 创建一个时间对象并获取时间

    小括号里面为空可以得到当前的时间

    //获得当前时间
    let date =new Date()
    

    new 实例化 时间对象

    //获得指定时间
    let date =new Date('2022-05-20')
    

时间对象方法 能够使用时间对象中的方法写出常见日期

  • 因为时间对象返回的数据我们不能直接使用,所以开发中转换为实际开发中常用的格式

    let date =new Date()
    let year=date.getFullYear()
    let month=date.getmonth()
    let date1=date.getDate()
    let hour=date.gethour()
    let min=date.get=Minuter()
    let sec=date.getSeconds()
    
  • 页面显示时间

将当前的时间显示在页面

1.调用事件对象进行拼接

2.字符串拼接后通过innerText给标签

 <!DOCTYPE html>
 <html lang="en">

      <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
    div {
        width: 500px;
        height: 100px;
        background-color: pink;
    }
</style>
    </head>

    <body>
    <div>

</div>
   </body>
  <script>
 setInterval(function() {
    let date = new Date()
    let year = date.getFullYear()
    let month = date.getMonth() + 1
    let date1 = date.getDate()
    let hour = date.getHours()
     let min = date.getMinutes()
    let sec = date.getSeconds()
    let div = document.querySelector('div')
    div.innerHTML = `今天是:${year}${month}${date1}日`
}, 1000)
    </script>

   </html>

实例化时间对象一定要写到定时器里面才可以

时间戳

一个能表示一份数据在某个特定时间之前已经存在的、 完整的、 可验证的数据,通常是一个字符序列,唯一地标识某一刻的时间

时间戳是总的毫秒数是独一无二的

计算倒计时

实例化1.

  let data= new Date()
console.log(date.getTime())

2.

let data= new Date()
console.log(+new Date())

3.无需实例化(只能得到当前的)

     console.log(Date.now())

利用将来的时间戳-现在的时间戳

   console.log(+new Date())
  console.log(+new Date(‘2022-8-12'))
  

下班倒计时小案例

    <!DOCTYPE html>
  <html lang="en">

    <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>倒计时</title>
<style>
    div {
        width: 200px;
        height: 200px;
        background-color: pink;
    }
</style>
    </head>

      <body>
<div>
    倒计时
    <span id="hour">00</span>
    <i>:</i>
    <span id="min">00</span>
    <i>:</i>
    <span id="sco">00</span>


</div>
    </body>
       <script>
let hour = document.querySelector('#hour')
let min = document.querySelector('#min')
let sco = document.querySelector('#sco')
time()
setInterval(time, 1000)

function time() {
    // 1.得到现在的时间戳
    let now = +new Date()
        // 2.得到指定时间的时间戳
    let last = +new Date('2022-7-21 18:00:00')
        // 3.计算剩余的毫秒数/1000===剩余的秒数
    let count = (last - now) / 1000
        // 4.转化为时分秒
        /* h=parseInt(总秒数/60/60%25) 计算小时
    m=parseInt(总秒数/60%60) 计算小时s
    s=parseInt(总秒数%60) 计算小时

    */
    let h = parseInt(count / 60 / 60 % 25)
    h = h < 10 ? '0' + h : h
    let m = parseInt(count / 60 % 60)
    m = m < 10 ? '0' + m : m
    let s = parseInt(count % 60)
    s = s < 10 ? '0' + s : s
    hour.innerHTML = h
    min.innerHTML = m
    sco.innerHTML = s
}
    </script>

      </html>