How to get the current time in JS

Tip: Many applications now use time, whether it is a countdown or an event timestamp.

Table of contents

1. The first method

2. The second method


1. The first method

Insufficient: no zero padding

Code example:

<div id="time"></div>




//获取当前时间
	 function time() {
	 	var vWeek, vWeek_s, vDay;
	 	vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
	 	var date = new Date();
	 	year = date.getFullYear();
	 	month = date.getMonth() + 1;
     	day = date.getDate();
	 	hours = date.getHours();
	 	minutes = date.getMinutes();
	 	seconds = date.getSeconds();
	 	vWeek_s = date.getDay();
	 	document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes +
	 		":" + seconds + "\t" + vWeek[vWeek_s];

	 };
	 setInterval("time()", 1000);

2. The second method

Disadvantage: no day of the week

Renderings:

 

The code is as follows (example):

<div id="time"></div>



	let time = +new Date() //获取当前时间戳

	function getFamtterTimer(time) { //传入时间
		let date = new Date(time),
			Y = date.getFullYear(), // 年  
			M = date.getMonth() + 1, //月  
			D = date.getDate(), //日
			h = date.getHours(), //小时
			m = date.getMinutes(), //分钟
			s = date.getSeconds(); //秒数
		document.getElementById("time").innerHTML = Y + '-' + getZero(M) + '-' + getZero(D) + ' ' + getZero(h) + ':' +
			getZero(m) + ':' + getZero(s);

	}

	function getZero(num) { // 个位数前补0
		if (parseInt(num) < 10) {
			num = '0' + num;
		}
		return num;
	}
	setInterval("getFamtterTimer(+new Date())", 1000);


The above is what I want to talk about today, I hope it will be useful to everyone~~~

Guess you like

Origin blog.csdn.net/z_2183441353/article/details/126905458