js的常用内置对象date

最新推荐文章于 2024-05-05 10:02:49 发布

weixin_41571206

最新推荐文章于 2024-05-05 10:02:49 发布

阅读量96

点赞数

分类专栏： js 文章标签： js对象date

本文链接：https://blog.csdn.net/weixin_41571206/article/details/101538302

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js的常用内置对象date

- date

date

1.创建对象
var 变量名=new Date();
即可获得当前的时间
2.常用方法
获取当前时间的星期：getDay()；
获取当前时间的月份：getMonth()；
获取当前时间的日子：getDate()；
获取当前时间的年份：getFullYear()；
获取当前时间的秒数：getSeconds()
获取当前时间的分钟：getMinutes()
获取当前时间的毫秒（1970-现在）：getUTCMilliseconds()…
例子：
在这里插入图片描述
上述的效果及使用js的date和选择对应的dom对象完成。

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box{
            width: 200px;
            height: 200px;
            margin:100px auto;
            background-color: mediumseagreen;
            text-align:center ;
            font-size: 12px;
            padding-top:50px ;
        }
        #day{
            margin:0px auto;
            width: 50%;
            height: 100px;
            text-align:center ;
            background-color: dodgerblue;
            font-size: 50px;
            line-height: 100px;

        }
    </style>
</head>
<body>
<div id="box">
    <div id="date">
        2019年9月25日
    </div>

    <div id="day">

    </div>
</div>
<script>
    var dateBox=document.getElementById("date");
    var day=document.getElementById("day");
    var date=new Date();
    var date1=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";
    dateBox.innerHTML=date1;
    day.innerHTML=date.getDate().toString();
</script>
</body>
</html>

还可以加入以星期内容通过创建数组[“星期一”，“星期二”,…],然后通过getDay()来选择数组的对应内容来实现

weixin_41571206

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的常用内置对象date

js的常用内置对象datedatedate1.创建对象var 变量名=new Date();即可获得当前的时间2.常用方法获取当前时间的星期：getDay()；获取当前时间的月份：getMonth()；获取当前时间的日子：getDate()；获取当前时间的年份：getFullYear()；获取当前时间的秒数：getSeconds()获取当前时间的分钟：getMinutes()...
复制链接

扫一扫

专栏目录