js实现实时显示当前时间的方法
实时显示当前时间
为方便后续相同需求复制代码,节约时间,特整理如下,返回按需拼接的字符串即可
/**
* 如:需求日期格式为:2018-08-28 星期二 21:53:40
* $timeWrapper:dom容器
*/
var $timeWrapper = $('#curTime');
setInterval(function() {
$timeWrapper.html(getCurTime());
}, 1000);
function getCurTime() {
var oDate = new Date();
var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var y = oDate.getFullYear(),
m = oDate.getMonth() + 1,
d = oDate.getDate(),
hour = oDate.getHours(),
min = oDate.getMinutes(),
sec = oDate.getSeconds(),
weekIndex = oDate.getDay(),
week = weekArr[weekIndex];
var curTime = y + '-' + preZero(m, 2) + '-' + preZero(d, 2) + ' ' + week + ' ' + preZero(hour, 2) + ':' + preZero(min, 2) + ':' + preZero(sec, 2);
return curTime;
}
//位数不够前补零 num:被操作数 n: 指定位数
function preZero(num, n) {
return (Array(n).join(0) + num).slice(-n);
}