Tip: Many applications now use time, whether it is a countdown or an event timestamp.
Table of contents
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~~~