JavaScript内置对象学习笔记三——Date日期对象

最新推荐文章于 2022-04-15 17:31:57 发布

微风滋滋

最新推荐文章于 2022-04-15 17:31:57 发布

阅读量343

点赞数 1

分类专栏：内置对象文章标签： html javascript

本文链接：https://blog.csdn.net/qq_51227484/article/details/118585142

版权

内置对象专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.Date对象：

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

2.获得当日的日期

<script>
        //直接定义一个变量来接收日期信息
        var date = new Date();
        document.write(date);
        //返回值：Thu Jul 08 2021 23:54:18 GMT+0800 (中国标准时间)
</script>

3.常用的一些方法：

getFullYear()：获得年份

<script>
        //直接定义一个变量来接收日期信息
        var date = new Date();
        document.write(date.getFullYear());
        //返回值：2021
</script>

getTime()：获取毫秒

<script>
        //直接定义一个变量来接收日期信息
        var date = new Date();
        //时间戳是1970年1月1日
        document.write(date.getTime());
        //返回值：1625760012494
</script>

setFullYear()：设置具体日期

<script>
        //直接定义一个变量来接收日期信息
        var date = new Date();
        //设置一个时间
        date.setFullYear(2010,1,1);
        document.write(date);
        //返回值：Mon Feb 01 2010 00:01:08 GMT+0800 (中国标准时间)
</script>

getDay()：获取星期

<script>
        //直接定义一个变量来接收日期信息
        var date = new Date();
        document.write(date.getDate());
        //返回值：9
</script>

4.时钟示例：

下面就是一个时钟代码的示例，里面设置了每1000毫秒，也就是每一秒时间变化一次。

<body onload="startTime()">
    //使用bady直接调用
    <script>
        function startTime(){
            //获取当前时间
            var today = new Date();
            var h = today.getHours();
            var m = today.getMinutes();
            var s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);
            document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;
            // 为了让时间一直在变化，我们定义一个方法让
            // 时间一直在变化，就是自己调用自己，设置每500毫秒调用一次
            t = setTimeout(function(){
                startTime();
            },1000);
        }
        //因为在10s之前显示的是一位数字，会因为单双数来改变长度
        function checkTime(i){
            if(i<10){
                i = "0" + 1 ;
            }
            return i;
        }
    </script>
    //在网页上显示
    <div id="timetxt"></div>
</body>

微风滋滋

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript内置对象学习笔记三——Date日期对象

1.Date对象：日期对象用于处理日期和时间2.获得当日的日期<script> //直接定义一个变量来接收日期信息 var date = new Date(); document.write(date); //返回值：Thu Jul 08 2021 23:54:18 GMT+0800 (中国标准时间)</script>3.常用的一些方法： getFullYear()：...
复制链接

扫一扫