JS中时间对象及其方法(春节倒计时练习)

原创已于 2022-09-25 17:33:25 修改 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #java

于 2022-09-14 16:44:44 首次发布

本文介绍了如何使用JavaScript创建春节倒计时，并详细讲解了Date对象的使用，包括获取年份、月份、日期、周几、小时、分钟和秒数等方法，帮助理解JavaScript时间处理的基本操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目录

一、春节倒计时

二、创建时间对象

三、时间对象下的方法

一、春节倒计时
<script>
    setInterval(function()
    {
        NYconunt('2023-01-21 00:00:00');

    },1000)

    function NYconunt(NY){
        var date1=new Date()
        var date2=new Date(NY)

        var curr=date1.getTime()     //1970.01.01距离当前时间的毫秒数
        var ny=date2.getTime()       //1970.01.01距离新年时间的毫秒数

        var cound=ny-curr;           //当前时间距离新年的毫秒数
        var S=Math.floor(cound/1000) //向下取整

        var day=Math.floor(S/60/60/24)//总分钟/总小时/总天数
        var h=Math.floor(S/60/60%24)  //总分钟/总小时/天数余下的小时
        var m=Math.floor(S/60%60)     //总分钟/小时余下的分钟
        var s=Math.floor(S%60)        //分钟余下的秒数

        var p=document.querySelectorAll('p')
        p[1].innerHTML=day+' 天'
        p[2].innerHTML=h+' 时'
        p[3].innerHTML=m+' 分'
        p[4].innerHTML=s+' 秒'
    }  
</script>
二、创建时间对象

var data=new Date()
var data=new Date(2021,10,01)：获取所填时间

三、时间对象下的方法

1、获取年份：

<script>
    var data=new Date();
    var Y=data.getFullYear();
    console.log(Y);
</script>

2、获取月份：

注意：月份是从0开始，需要加1才是当前月份

<script>
    var data=new Date();
    var M=data.getMonth();
    console.log(M);
</script>

3、获取日期：

<script>
    var data=new Date();
    var D=data.getDate();
    console.log(D);
</script>

4、获取周几：

        注意：周日为0开始到周六为6

<script>
    var data=new Date();
    var d=data.getDay();
    console.log(d);
</script>

5、获取小时：

<script>
    var data=new Date();
    var H=data.getHours();
    console.log(H);
</script>

6、获取分钟：

<script>
    var data=new Date();
    var M=data.getMinutes();
    console.log(M);
</script>

7、获取秒数：

<script>
    var data=new Date();
    var S=data.getSeconds();
    console.log(S);
</script>

8、获取时间戳 (距离1970.1.1的毫秒数)：

<script>
    var data=new Date();
    var T=data.getTime();
    console.log(T);
</script>