（十二）javascript内置对象之Date日期对象

最新推荐文章于 2024-04-19 13:05:50 发布
最新推荐文章于 2024-04-19 13:05:50 发布
阅读量489 收藏 2
点赞数
分类专栏： js 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57244464/article/details/126140542
版权

目录

一，Date对象常用的获取当前时间信息的方法：

获取当前时间信息的代码示例：

 二，获取当前或指定时间的时间戳的方法：

使用获取时间戳的方法的代码示例：

通过时间戳来实现的倒计时案例代码：

一，Date对象常用的获取当前时间信息的方法：

Date对象获取时间信息的方法
方法名说明代码
getFullYear()获取当前年份dObj.getFullYear()
getMonth()获取当月（0-11）dObj.getMonth()
getDate()获取当天日期dObj.getDate()
getDay()获取当前星期几（周日是0，其他正常）dObj.getDay()
getHours()获取当前小时数dObj.getHours()
getMinutes()获取当前分钟数dObj.getMinutes()
getSeconds()获取当前秒数dObj.getSecond()

获取当前时间信息的代码示例：

<!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>
</head>
<body>
    <h1></h1>
</body>
<script>
    var time = document.querySelector('h1');
    // 将星期几的数字转换成对应文字的方法
    const week = ['日','一','二','三','四','五','六']
    // 设置定时器实现每隔一秒钟刷新时间
    setInterval(function(){
        // 获取当前时间
        // 实例化Date对象
        var currentTime = new Date();
        // 获取当前年份
        var year = currentTime.getFullYear();
        // 获取当前月份
        var month = currentTime.getMonth()+1;
        // 获取当天日期
        var day = currentTime.getDate();
        // 获取当前是星期几
        var weekDay = currentTime.getDay();
        // 获取当前小时数
        var hours = currentTime.getHours();
        // 获取当前分钟数
        var minutes = currentTime.getMinutes();
        // 获取当前秒数
        var seconds = currentTime.getSeconds();
        time.innerHTML = year+'年'+month+'月'+day+'日 (星期'+week[weekDay]+') '+hours+' '+minutes+' '+seconds;
    },1000);
</script>
</html>

效果图如下：

 二，获取当前或指定时间的时间戳的方法：

获取时间戳的方法
代码说明
date.valueOf()获取当前时间戳
date.getTime()获取当前时间戳
var times = +new Date()获取当前时间戳（或获取指定时间的时间戳）

使用获取时间戳的方法的代码示例：

        // 1. +new Date() 的方式 可 获取指定时间的时间戳 或 当前时间戳
        var greatTimes = +new Date('2050-1-1 00:00:00');     // 全面实现社会主义现代化时候的时间戳
        var currentTimes = +new Date();     // 获取当前的时间戳
        console.log('全面实现社会主义现代化时候的时间戳:'+greatTimes);
        console.log('+new Date() 的方式 获取当前的时间戳:'+currentTimes);
        // 2. getTime() 方法获取当前时间戳
        var date2 = new Date();
        var currentTimes2 = date2.getTime();
        console.log('getTime() 方法 获取当前的时间戳:'+currentTimes2);
        // 3. valueOf() 方法获取当前时间戳
        var currentTime3 = date2.valueOf();
        console.log('valueOf() 方法获取当前时间戳:'+currentTime3);

通过时间戳来实现的倒计时案例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1 id="daojishi"></h1>
        <script>
            var daojishi = document.getElementById('daojishi');
            var jiezhiTime=+new Date('2050-1-1 00:00:00');
            setInterval(function(){
                var nowTime=+new Date();
                var times=parseInt((jiezhiTime-nowTime)/1000);    //总秒数
                var d = parseInt(times/60/60/24);    //天数
                d = d<10 ? '0'+d:d;
                var h = parseInt(times/60/60%24);    //小时数
                h = h<10 ? '0'+h:h;
                var m = parseInt(times/60%60);    //分钟数
                m = m<10 ? '0'+m:m;
                var s = parseInt(times%60);    //秒数
                s = s<10 ? '0'+s:s;
                daojishi.innerText=d+'天 '+h+'时 '+m+'分 '+s+'秒';
            },1000);
        </script>
    </body>
</html>

倒计时案例的效果如下：

冉冉编程
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JS-Date对象-求当前日期X天后星期几
weixin_45080761的博客
12-02 1767
当前日期X天后星期几 写法一 实现思路 1-获取当前时间 2-获取当前时间对应的星期几 3-将当前时间的星期几加上对应的天数，取余，得出目标时间的星期几 4-字符串拼接和获取数组元素展示对应的结果，将结果作为函数返回值 // 定义名为getFutureWeek的函数，形参days用于传入距今多少天的数字 function getFutureWeek(days) { // 定义变量oDate，用于存储当前时间 var oDate = new Date(); // 获取当前时间
JS系列-内置对象-Date
qq_44259210的博客
06-16 168
Date对象
JS内置对象Date
最新发布
zhuluosun的博客
04-19 1280
JS内置对象date方法
内置对象——日期Date
dfg98的博客
01-08 132
var 日期对象名 = new Date(); 操作年、月、日 1、获取年月日 （1）getFullYear() 获取年份，取值为4位数字 （2）getMonth() 获取月份，取值为0~11之间的整数 （3）getDate() 获取日数，取值为1~31之间的整数 2、设置年月日 （1）时间对象.setFullYear(year,month,day); 用来设置年、月、日 year ：四位整数 month ：0~11（0代表1月，依此类推） day ：1~31 （2）时间对象.setMonth(mo
内置对象 日期对象
weixin_44540773的博客
05-16 323
开发工具与关键技术：VS Date(日期) 作者：赵纯雨 班级：1804班 撰写时间：2019年 5月15日 什么是对象，JavaScript中的所有事物都是对象，如：字符串、数组、数值、函数等，每个对象带有属性和方法，对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作，例如：表单的“提交”(Submit)， 时间的“获取”（getYear...
前端JS内置对象Date
qq_63520243的博客
11-02 60
Date()日期对象 是一个构造函数 必须使用new 来调用创建日期对象。（1）方法一：通过valueOf( ) getTime( )(2)字符串型： ‘2019-10-1 8:8:8’4.时间戳（获得从1970年1月1日过了多少毫秒数）1.Date 若是没有参数，则返回系统的当前时间。(1)数字型： 2019，10，01。（2）方法二：简单且最常用的写法。（3）方法三：H5新增的方法。
JavaScript内置对象,时间日期获取——倒计时案例
s_meng_的博客
05-27 1524
今天又是愉快的一天，学的知识点不算太多吧，但是这些知识点都好玩啊，有趣啊。 今天主要是内置对象，我学会了之后封装了三个函数，一个获取当前时间，一个获取当前日期， 还有一个倒计时案例。 可根据目录跳转，需要的自取。 我会把js文件放置在坚果云内，不想复制代码的可直接下载，文件内都有详细的注释。 好了，下边开始正题。 点我下载 文章目录内置对象产生随机数猜数游戏随机点名内置Date函数获取当前的日期获取当前时间产生倒计时效果 内置对象 js中，对象分自定义对象，内置对象，浏览器对象。 自定义对象： 我
【从头学前端】14-详解JavaScript中的日期与时间（Date对象方法详解）
一碗周
08-16 886
Hello 大家好，我是彼岸繁華????，一个坚信努力可以改变命运的前端????????‍????，如果有幸写的文章可以得到你的青睐，万分有幸~ 编写不易转载请获得允许 写在前面 本篇文章我们将来学习JavaScript中的Date对象，通过本篇文章的学习可以掌握什么知识呢？如下图： JavaScript中的Date对象主要用于处理时间，每一个Date实例表示某个时间段。JavaScript的Date对象使用UTC（Coordinated Universal Time，国际协调时间）1970年1月1
Javascript 日期对象Date扩展方法
10-29
JavaScript中的Date对象是用于处理日期和时间的核心内置对象。它提供了丰富的功能，允许开发者进行日期的创建、格式化、比较和操作。在标题和描述中提到的“Date对象扩展”是指通过原型链对Date对象进行扩展，添加...
javascript中Date对象应用之简易日历实现
10-21
在JavaScript中，Date对象是用于处理日期和时间的核心构造函数。它提供了丰富的内置方法，使得我们能够轻松创建、读取、修改和比较日期。在本教程中，我们将重点讨论如何利用Date对象创建一个简易的日历。 **一、...
浅谈JavaScript中Date(日期对象),Math对象
10-24
JavaScript中的Date对象和Math对象是两个非常重要的内置对象，它们提供了处理时间和数学计算的功能。 Date对象主要用于处理日期和时间。Date对象可以存储任意一个日期，精度达到毫秒级。创建一个新的Date对象通常...
浅谈JavaScript的内置对象和浏览器对象
10-22
在JavaScript中，对象可以分为两类：内置对象和浏览器对象。本文将深入探讨这两种对象类型及其相关知识点。 首先，我们来看内置对象。JavaScript的内置对象是语言本身提供的一些预定义对象，它们提供了基本的数据...
JavaScript 核心参考教程 内置对象
10-29
JavaScript 不是纯面向对象的语言，而是基于对象的，这意味着它允许开发者利用内置对象来实现各种功能，但并不强制使用面向对象的编程范式。 在JavaScript中，内置对象是语言本身提供的基础结构，它们提供了许多...
js/javascript: Date 日期和时间
火星男孩的分享空间
06-02 708
参考： js/javascript: Date 日期和时间对象的操作 1. 介绍 1.1 说明 Date对象，是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。 1.2 属性 无；Date对象对日期和时间的操作只能通过方法。 二、构造函数 2.1 new Date() ：返回当前的本地日期和时间 参数： 无 返回值： {Date} 返回一个表示本地日期和时间的Date对象。 var dt = new Date(); console.log(dt); // => 返回一
js内置对象中获取时间的用法--通过date对象获取。
weixin_30299539的博客
05-26 220
Date对象： 　　var today = new Date(); 　　//年份： 　　var year = today.getFullYear(); 　　//月份 　　var month = today.getMonth() + 1; 　　//日期 　　var day = today.getDate(); 　　//时 　　var hour = today.getHours();...
【JavaScript-27】js的内置对象Date，获取当前时间戳，倒计时案例（附最后）
前端代码小白的日常博客
09-30 459
/延时器中的函数不要加括号，加括号是一个执行完的函数。//获得的时间戳直接传到Date()中即可。变量.getFullYear();//换算成小时对小时取余，剩余多长时间。变量.getMinutes();变量.getSeconds();变量.getMonth();变量.getHours();变量.getDate();将传回的时间转化成年月日周等。变量.getDay();//获取当前时间的时间戳。//获取目标时间的时间戳。//获取特定的的时间戳。//将时间戳转化为时间。//求出它们的时间差。
关于JavaScript Date对象的获取当前系统时间的方法
weixin_43947715的博客
07-26 2932
关于JavaScript Date对象的获取当前系统时间的方法* Date对象可以获取系统当前时间，通过new关键字创建Date对象， 这里的new 系统的讲解是在面向对象的知识。 例子：获取系统时间 <script type="javascript"> var time=new Date(); **创建Date对象** var year =time.get...
内置日期对象Date
zyz00000000的博客
08-24 276
unix时间戳 是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒。在大多数的UNIX系统中UNIX时间戳存储为32位，这样会引发2038年问题或Y2038。 UTC协调世界时 协调世界时，又称世界统一时间、世界标准时间、国际协调时间。由于英文（CUT）和法文（TUC）的缩写不同，作为妥协，简称UTC。 原子时：IAT（international atomic time），以物质的原子内部发射的电磁振荡频率为基准的时间计量系统。 世界时UT[1]即格林尼治[1]...
JavaScript内置的Date对象中常用的日期函数：
04-05
1. getDate()：返回一...18. toDateString()：将日期以可读的格式转换为字符串。 19. toISOString()：将日期转换为ISO格式的字符串。 20. toString()：将日期以字符串形式返回。 21. valueOf()：返回日期的毫秒数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冉冉编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值