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获取系统时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript和jquery分别实现的九九乘法表代码

    javascript和jquery分别实现的九九乘法表代码

    javascript 九九乘法表 附jquery 实现的九九乘法表代码
    2010-03-03
  • javascript写的简单的计算器,内容很多,方法实用,推荐

    javascript写的简单的计算器,内容很多,方法实用,推荐

    最近用javascript写了一个简单的计算器,自己测试感觉还好,代码都给了注释,非常不错,推荐大家学习。
    2011-12-12
  • JS延时提示框实现方法详解

    JS延时提示框实现方法详解

    这篇文章主要介绍了JS延时提示框实现方法,以实例形式较为详细的分析了JavaScript实现延时提示功能的原理与具体实现步骤,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS实现容器模块左右拖动效果

    JS实现容器模块左右拖动效果

    这篇文章主要为大家详细介绍了JS实现容器模块左右拖动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • javascript实现移动端轮播图

    javascript实现移动端轮播图

    这篇文章主要为大家详细介绍了javascript实现移动端轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 打印/预览/设置的客户端代码

    打印/预览/设置的客户端代码

    打印/预览/设置的客户端代码...
    2006-08-08
  • JS实现提示效果弹出及延迟隐藏的功能

    JS实现提示效果弹出及延迟隐藏的功能

    这篇文章主要介绍了JS实现提示效果弹出及延迟隐藏的功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • JS实现放烟花效果

    JS实现放烟花效果

    这篇文章主要为大家详细介绍了JS实现放烟花效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • js前端传json后台接收‘‘被转为quot的问题解决

    js前端传json后台接收‘‘被转为quot的问题解决

    这篇文章主要介绍了js前端传json后台接收‘‘被转为&quot;的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • json字符串对象转换代码实例

    json字符串对象转换代码实例

    这篇文章主要介绍了json字符串对象转换代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论