用html计算日期

主代码：（body)

<div class="box"></div>
    <script src="../js/date02.js"></script>

使用的是js

实现步骤：

        1.当前日期显示出来，让用户知道

        2.通过指定国庆节日期来创建日期对象

        3.创建当前日期对象

        4.1，如果超过来年国庆节的日期

        4.2,  如果没有超，计算本能国庆节与当前时间差值

        5.计算得到差值一个11位整数 （时间差）

​
//创建当前日期对象
const currnetDate=new Date()

//1.
const box=document.querySelector(".box")
box.innerHTML="今天是："+currnetDate.getFullYear()+"-"+(currnetDate.getMonth()+1)+"-"+currnetDate.getDate()
//2.
const nationalDay=new Date("2024-10-1").getTime()
// console.log(nationalDay)

//4.判断日期
if(currnetDate.getTime()<nationalDay){
    //当前日期未超过
    const difference=nationalDay-currnetDate.getTime()
    //5.计算得到差值一个11位整数 （时间差）
    let days=Math.floor(difference/(24*60*60*1000))

    console.log("今天距离国庆还有："+days+"天")
}
else{
    //4.2,如果没有超，计算本能国庆节与当前时间差值
    const nextYaerNationalDay=new Date("2025-10-1").getTime()
    const difference=nextYaerNationalDay-currnetDate.getTime()
    //5.计算得到差值一个11位整数 （时间差）
    let days=Math.floor(difference/(24*60*60*1000))

    console.log("今天距离国庆还有："+days+"天")
}

​