JavaScript获取系统时间的方法详解
作者:火星papa
网页通过JavaScript获取系统日期、时间的操作是比较常规的操作,这篇文章将为大家介绍一些常用的方法,希望对大家有一定的帮助
一、 实现非常简单
JavaScript只要使用好Date这个类,基本问题都能解决。而且十分简单。
第一步实例化
实例化一个日期类的对象time。
var time = new Date();
第二步获取值
对象time用其方法获取值,方法很全,很简单,下面列出常用。
方法 | 说明 |
---|---|
time.getYear(); | 获取当前年份(2位+1900) |
time.getFullYear(); | 获取完整的年份(4位) |
time.getMonth(); | 获取当前月份(0-11,0代表1月) |
time.getDate(); | 获取当前日(1-31) |
time.getDay(); | 获取当前星期X(0-6,0代表星期天) |
time.getTime(); | 获取当前时间(从1970/1/1开始的毫秒数) |
time.getHours(); | 获取当前小时数(0-23) |
time.getMinutes(); | 获取当前分钟数(0-59) |
time.getSeconds(); | 获取当前秒数(0-59) |
time.getMilliseconds(); | 获取当前毫秒数(0-999) |
time.toLocaleDateString(); | 获取当前日期(仅日期) |
time.toLocaleTimeString(); | 获取当前时间(上午或下午+时间) |
time.toLocaleString(); | 获取日期与时间(日期+时间) |
二、 参考实例
1、无格式要求简单获取
如果对格式没有什么特殊需求,直接使用一个方法就可以给出一串完整的时间字符串“2022/4/20下午3:13:39”。参考下面代码:
function getSystemTime() { // 实例化日期类 var time = new Date(); //打印得到时间 console.log(time.toLocaleDateString()); console.log(time.toLocaleTimeString()); console.log(time.toLocaleString()); }
打印输出:
2022/4/20
下午3:13:39
2022/4/20下午3:13:39
2、自定义格式获取
如果需要个特定的格式,那么我们可以自定义拼接,参看下面代码:
function getSystemTime() { // 实例化日期类 var time = new Date(); // 获取完整的年份(4位) var year = time.getFullYear(); // 获取月份(0-11,0代表1月) var month = time.getMonth() + 1; // 获取日期(1-31) var date = time.getDate(); // 获取小时 var h = time.getHours(); h = h < 10 ? '0' + h : h; // 获取分钟 var m = time.getMinutes(); m = m < 10 ? '0' + m : m; // 获取秒钟 var s = time.getSeconds(); s = s < 10 ? '0' + s : s; //测试打印 console.log(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s); // 合并返回 return(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s) ; }
打印输出:
2022年4月22日 15:13:39
3、闰年计算
计算闰年的方法给出一个实例。
function is_leap_year() { // 获取完整的年份(4位) var year = time.getFullYear(); console.log(year); return (0 == year % 4 && ((year % 100 != 0) || (year % 400 == 0))); } function test(){ if(is_leap_year()==true) { console.log("是闰年"); } else { console.log("不是闰年"); } }
打印输出:
2022
不是闰年
到此这篇关于JavaScript获取系统时间的方法详解的文章就介绍到这了,更多相关JavaScript获取系统时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!