JS获取当前时间的两种方法小结
作者:小括号时间:2026-10-30 23:45:32浏览:569
本文介绍了JavaScript中获取并格式化当前时间的两种常见方式。第一种方法直接拼接日期组件,优势在于包含星期信息,但不足是数值不补零;第二种方法通过自定义函数对个位数进行补零处理,格式更规范,但未包含星期信息。
提示:
在各类应用程序开发中,时间处理功能十分常见,例如倒计时显示或活动相关的时间戳计算等场景。
一、第一种方法
该方法存在一个明显的不足:输出的日期和时间数值不会自动补零。
具体代码示例如下:
<div id="time"></div>
//获取当前时间
function time() {
var vWeek, vWeek_s, vDay;
vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
hours = date.getHours();
minutes = date.getMinutes();
seconds = date.getSeconds();
vWeek_s = date.getDay();
document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes +
":" + seconds + "\t" + vWeek[vWeek_s];
};
setInterval("time()", 1000);二、第二种方法
此方法的不足之处在于:输出的结果中不包含星期几的信息。
运行效果图如下:

具体实现代码如下(示例):
<div id="time"></div>
let time = +new Date() //获取当前时间戳
function getFamtterTimer(time) { //传入时间
let date = new Date(time),
Y = date.getFullYear(), // 年
M = date.getMonth() + 1, //月
D = date.getDate(), //日
h = date.getHours(), //小时
m = date.getMinutes(), //分钟
s = date.getSeconds(); //秒数
document.getElementById("time").innerHTML = Y + '-' + getZero(M) + '-' + getZero(D) + ' ' + getZero(h) + ':' +
getZero(m) + ':' + getZero(s);
}
function getZero(num) { // 个位数前补0
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
setInterval("getFamtterTimer(+new Date())", 1000);总结
至此,关于JavaScript获取当前时间的两种方法介绍完毕。如需了解更多相关JS时间处理内容,建议搜索本站历史文章或继续阅读后续相关文章,感谢大家的支持!
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
