间戳转转时间补零方法
大家都知道间戳转转时间补零的方法不止一种,下面我就来说说几种方法。
三元判断补零法:
<script>
function ZeroPadding(time){
let date = new Date(time);
let hour = date.getHours()<10?"0"+date.getHours():date.getHours()
let minute = date.getMinutes()<10?"0"+date.getMinutes():date.getMinutes()
let second = date.getSeconds() <10?"0"+date.getSeconds():date.getSeconds()
return `${hour}:${minute}:${second}`
}
function auto(){
console.log(new Date().getTime());//时间戳
console.log(ZeroPadding(new Date().getTime()));
}
setInterval(auto,1000)
</script>
封装函数方法补零
<script>
// 一位前面加0
var toTwo = function (n) {
if (n < 10) {
return '0' + n;
} else {
return '' + n;
}
};
// 时间戳转 年月日时分
function time(num) {
var date = new Date(num);
var year = date.getFullYear(); // 年
var month = date.getMonth() + 1; // 月
var d = date.getDate(); // 日
var h = date.getHours(); // 时
var m = date.getMinutes(); // 分
var s=date.getSeconds();//秒
return year + '-' + toTwo(month) + '-' + toTwo(d) + ' ' + toTwo(h) + ':' + toTwo(m)+':'+toTwo(s);
};
function auto(){
// console.log(ZeroPadding(时间戳));
console.log(new Date().getTime());//时间戳
console.log(time(new Date().getTime()));
}
setInterval(auto,1000)
</script>
padStart()方法补零
这是 es7 时间戳转转时间补零的方法
语法:
- “字符串”.padStart(目标长度, ‘字符串前面补的东西’)
例子:
"a".padStart(3,'b')//"bba"
(3+"").padStart(2,'0')//"03"
这样补零是不是方便多了。
<script>
function ZeroPadding(timer) {
let date = new Date(timer);
let year = date.getFullYear();
let month = ((date.getMonth() + 1) + '').padStart(2, '0');
let day = (date.getDate() + '').padStart(2, '0')
let hour = (date.getHours() + '').padStart(2, '0')
let minute = (date.getMinutes() + '').padStart(2, '0')
let second = (date.getSeconds() + '').padStart(2, '0')
// console.log(day, '时间');
// return `${year}/${month}/${day}`
return `${year}-${month}-${day} ${hour}:${minute}:${second}`
/*
字符串补位的方法
padStart(位数,'要补的内容') 首部补位
padEnd(位数,'要补的内容') 末尾补位
let name = 'haha'
let r= name.padStart(5,'0')
console.log(r,'时间');
*/
};
function auto(){
// console.log(ZeroPadding(时间戳));
console.log(new Date().getTime());//时间戳
console.log(ZeroPadding(new Date().getTime()));
}
setInterval(auto,1000)
</script>
这三个方法中,如果只要时分秒,并且小于10在前面补零(0)的话,是不是我们首选.padStart()方法补零,代码看起来简洁,美观,明了,不臃肿。