[JavaScript]内置对象Date初识
2021/7/21 11:06:20
本文主要是介绍[JavaScript]内置对象Date初识,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Date 日期对象是构造函数,需要用 new 实例化后使用。
// 没有传入参数时,返回的是当前的时间 var testDate = new Date(); // 常见的传入参数形式 var date1 = new Date('2021-10-1 8:8:8'); var date2 = new Date('2021/1/11'); var date3 = new Date(2020, 2, 29); // 实际生成的日期是2020-3-29,月份是0开始的
date.getFullYear(); // 获取年 date.getMonth(); // 获取月,从0开始计算,一月是0,...十二月是11。 date.getDate(); // 获取日 date.getDay(); // 获取星期,从0开始计算。周日是0,周一是1,...周六是6。 date.getHours(); // 获取时 date.getMinutes(); // 获取分 date.getSeconds(); // 获取秒
// 日期格式化,提供一种星期转换的思路 function dateFormatChange(date) { // 星期转换 const dayChange = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',]; return date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日' + ' ' + dayChange[date.getDay()]; }
时间戳
时间戳是指格林威治时间1970年01月01日00:00:00 (北京时间1970年01月01日08:00:00) 起至现在的总毫秒数。
可以用 .valueOf(); 或 .getTime(); 方法获取。
// 最常用的写法 +new Date(); 返回的就是时间戳 var date = +new Date('2021-7-16'); console.log(date); // 1626364800000 // H5 新增 Date.now() console.log(Date.now());
练习:倒计时。(要点:时间戳转为天、时、分、秒)
function countdown(aimTime) { // 目标时间戳 // const aimTime = +new Date('2021-10-01 10:00:00'); // 现在的时间戳 var atNow = +new Date(); // 时间差 var timeLeft = aimTime - atNow; // 考点:时间戳转换为天、时、分、秒。 var dday = Math.floor(timeLeft / 1000 / 60 / 60 / 24); // 外层用parseInt();也可 var dhour = Math.floor(timeLeft / 1000 / 60 / 60 % 24); var dmin = Math.floor(timeLeft / 1000 / 60 % 60); var dsec = Math.floor(timeLeft / 1000 % 60); return dday + '天' + dhour + '小时' + dmin + '分' + dsec + '秒'; } const thatDay = +new Date('2021-10-01 10:00:00'); console.log('距离目标时间还有' + countdown(thatDay) + '。');
这篇关于[JavaScript]内置对象Date初识的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16使用vue3+springboot构建简单Web应用教程
- 2024-11-15全栈开发项目实战:从入门到初级项目的实现
- 2024-11-15数据库项目实战:从入门到初级应用教程
- 2024-11-15IDEA项目实战入门教程
- 2024-11-15IT编程项目实战:新手入门的全面指南
- 2024-11-15Java开发项目实战:新手入门与初级技巧
- 2024-11-15Java零基础项目实战:从入门到独立开发
- 2024-11-15MyBatis Plus教程:入门与基础操作详解
- 2024-11-15MyBatis-Plus教程:新手入门与实战技巧
- 2024-11-15MyBatis教程:从入门到实践