JavaScript获取当前时间及Date对象方法详解
本文介绍如何在JavaScript中获取当前时间并格式化为易读的字符串,包含年月日、星期及时分秒的完整处理逻辑。同时汇总了Date对象中获取年份、月份、日期、时间戳及本地化字符串的常用方法,供开发者快速查阅和使用。
JavaScript获取当前时间及Date对象方法详解
在项目开发中,有时需要实现一个实时更新的计时器功能,具体效果如下所示:

相关的JavaScript实现代码如下:
具体代码实现如下:
/* 获取当前时间 */
function getCurrentDate()
{
var timeStr = '';
var curDate = new Date();
var curMonth = curDate.getMonth()+1; // 获取当前月份(0-11,0代表1月)
var curDay = curDate.getDate(); // 获取当前日(1-31)
var curWeekDay = curDate.getDay(); // 获取当前星期X(0-6,0代表星期天)
var curHour = curDate.getHours(); // 获取当前小时数(0-23)
var curMinute = curDate.getMinutes(); // 获取当前分钟数(0-59)
var curSec =curDate.getSeconds(); // 获取当前秒数(0-59)
timeStr = curMonth+'月'+curDay+'日 周';
switch(curWeekDay)
{
case 0:timeStr += '日';break;
case 1:timeStr += '一';break;
case 2:timeStr += '二';break;
case 3:timeStr += '三';break;
case 4:timeStr += '四';break;
case 5:timeStr += '五';break;
case 6:timeStr += '六';break;
}
if(curHour < 10)
{
if(curMinute < 10)
{
if(curSec < 10)
{
timeStr += ' 0'+curHour+':0'+curMinute+':0'+curSec;
}
else
{
timeStr += ' 0'+curHour+':0'+curMinute+':'+curSec;
}
}
else
{
if(curSec < 10)
{
timeStr += ' 0'+curHour+':'+curMinute+':0'+curSec;
}
else
{
timeStr += ' 0'+curHour+':'+curMinute+':'+curSec;
}
}
}
else
{
if(curMinute < 10)
{
if(curSec < 10)
{
timeStr += ' '+curHour+':0'+curMinute+':0'+curSec;
}
else
{
timeStr += ' '+curHour+':0'+curMinute+':'+curSec;
}
}
else
{
if(curSec < 10)
{
timeStr += ' '+curHour+':'+curMinute+':0'+curSec;
}
else
{
timeStr += ' '+curHour+':'+curMinute+':'+curSec;
}
}
}
$("#time").text(timeStr);
}
调用该函数即可实现功能。
最后,对JavaScript中Date对象的部分常用方法进行小结:
var myDate = new Date();
myDate.getYear(); // 获取当前年份(2位)
myDate.getFullYear(); // 获取完整的年份(4位,1970-????)
myDate.getMonth(); // 获取当前月份(0-11,0代表1月)
myDate.getDate(); // 获取当前日(1-31)
myDate.getDay(); // 获取当前星期X(0-6,0代表星期天)
myDate.getTime(); // 获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); // 获取当前小时数(0-23)
myDate.getMinutes(); // 获取当前分钟数(0-59)
myDate.getSeconds(); // 获取当前秒数(0-59)
myDate.getMilliseconds(); // 获取当前毫秒数(0-999)
myDate.toLocaleDateString(); // 获取当前日期
var mytime=myDate.toLocaleTimeString(); // 获取当前时间
myDate.toLocaleString( ); // 获取日期与时间
JS中parseInt与Number转整数的核心区别及适用场景
2026-11-05 17:35:53
定制 Quill.js 主题样式:修改默认 CSS 与添加自定义类名
2026-11-04 11:21:35
混淆JS代码怎么在线反混淆并格式化阅读
2026-11-03 21:46:39
JS在线编辑器代码报错怎么调试?控制台使用技巧
2026-11-03 21:24:56
从 marked.js 旧版本升级到最新版:API 变更与迁移指南
2026-11-03 17:38:17
