JS获取系统时间

  网页通过JavaScript获取系统日期、时间的操作是比较常规的操作。我这里将自己使用过的方法小结一下,方便自己回顾或参考。

目录

    • 一、 实现非常简单
      • 第一步实例化
      • 第二步获取值
    • 二、 参考实例
      • 1、无格式要求简单获取
      • 2、自定义格式获取
      • 3、闰年计算


一、 实现非常简单

  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
不是闰年

你可能感兴趣的:(H5+CSS+JS,html5,javascript)