JavaScript获取当前时间并格式化的完整实现
作者:资源驿站时间:2026-10-27 19:59:46浏览:542
本文介绍如何在JavaScript中获取并打印当前时间。通过实例演示Date对象的常用方法,包括获取年月日时分秒及毫秒值,并展示如何将时间数据格式化为字符串输出。代码包含完整的HTML结构及事件响应示例,适用于前端基础开发场景。
具体实现代码如下所示:
JavaScript获取当前时间并格式化的完整实现<html>
<head>
<title></title>
<script>
/*
// 定义时间变量
var date = new Date();
alert(date);// 弹出当前时间
alert(date.toLocaleString());// 转换为本地时间格式
alert(date.getFullYear());// 显示年份
alert(date.getMonth() + 1);// 显示月份,注意月份范围是0-11,因此需要加1
alert(date.getDate());// 显示一个月中的日期
alert(date.getDay());// 显示一周中的星期几
alert(date.getHours());// 获取小时数
alert(date.getMinutes());// 获取分钟数
alert(date.getSeconds());// 获取秒数
alert(date.getMilliseconds());// 获取毫秒数
alert(date.getTime());// 获取从1970年1月1日午夜零时到当前时间的毫秒值
*/
// 分别获取年、月、日、时、分、秒的各个部分
var myDate = new Date();
var year = myDate.getFullYear();
var month = myDate.getMonth() + 1;
var date = myDate.getDate();
var hours = myDate.getHours();
var minutes = myDate.getMinutes();
var seconds = myDate.getSeconds();
// 若月份为个位数,需补零显示为两位,例如09月
if(month < 10 ){
month = "0" + month;
}
if(date < 10 ){
date = "0" + date;
}
// 拼接时间字符串
var dateTime = year + "年" + month + "月" + date + "日" + hours + "时" + minutes + "分" + seconds + "秒";
document.write(dateTime);// 在页面打印当前时间
</script>
</head>
<body>
<!-- 绑定事件响应 -->
<input type ="button" value="click" onclick="show()"/>
</body>
</html>作者最新文章
JS中使用位运算(~~)和一元加号(+)快速转换字符串为整数
2026-11-03 22:41:12
怎么使用命令行批量格式化项目中的JS文件
2026-11-03 19:04:42
JS代码美化后报错怎么办?常见格式化冲突解决方法
2026-11-03 18:47:01
不用moment.js,怎么用原生JS Intl API格式化时间戳
2026-11-03 18:10:30
原生JS与dayjs获取当前日期的代码对比
2026-11-03 17:57:26
