JavaScript获取当前时间及Date对象方法详解

作者:百宝袋

时间:2026-10-28

浏览:642

本文介绍如何在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( ); // 获取日期与时间

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章