JavaScript获取系统时间的方法详解

 更新时间:2024年11月07日 10:57:03   作者:火星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获取系统时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序之swiper滑动面板用法示例

    微信小程序之swiper滑动面板用法示例

    这篇文章主要介绍了微信小程序之swiper滑动面板用法,结合实例形式详细分析了swiper滑动面板的具体功能、参数、使用方法及相关操作注意事项,需要的朋友可以参考下
    2018-12-12
  • js中getter和setter用法实例分析

    js中getter和setter用法实例分析

    这篇文章主要介绍了js中getter和setter用法,结合实例形式分析了javascript中getter和setter的功能、使用方法及相关操作注意事项,需要的朋友可以参考下
    2018-08-08
  • javascript设计模式之单体模式学习笔记

    javascript设计模式之单体模式学习笔记

    这篇文章主要为大家详细介绍了javascript设计模式之单体模式学习笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 微信小程序实现比较功能的方法汇总(五种方法)

    微信小程序实现比较功能的方法汇总(五种方法)

    这篇文章主要介绍了微信小程序实现比较功能的方法,本文给大家列举出五种方式,每种方法通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 探讨跨域请求资源的几种方式(总结)

    探讨跨域请求资源的几种方式(总结)

    这篇文章主要介绍了探讨跨域请求资源的几种方式(总结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • Bootstrap栅格系统学习笔记

    Bootstrap栅格系统学习笔记

    这篇文章主要为大家详细介绍了Bootstrap栅格系统学习笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • js实现缓动动画

    js实现缓动动画

    这篇文章主要为大家详细介绍了js实现缓动动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • asp.net HttpHandler实现图片防盗链

    asp.net HttpHandler实现图片防盗链

    这个例子来自于《Maximizing ASP.NET Real World, Object-Oriented Development》一书, 需要的朋友可以参考下。
    2009-11-11
  • 浅析Virtual DOM的概念与其在现代前端框架中的实践

    浅析Virtual DOM的概念与其在现代前端框架中的实践

    这篇文章将深入探讨Virtual DOM(虚拟DOM)的概念,分析其对前端开发的革新影响,并以此展示前端技术的深度和魅力,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12
  • javascript中的prototype属性实例分析说明

    javascript中的prototype属性实例分析说明

    一说到prototype很多人可能第一个想到的是著名的prototype.js框架,当然我们今天说的不是它,而是Javascript中的prototype属性,一般都被翻译为“原型”。这是一个比较特殊的属性,Javascript中的继承一般都依赖这属性实现。
    2010-08-08

最新评论