本文介绍如何在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>