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);
	}
posted @ 2018-08-28 21:59  近距离  阅读(2394)  评论(0编辑  收藏  举报