最终浏览器运行结果如下:
参考代码如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<script>
function formatDate(d) {
// 如果 d 不是日期对象的实例,返回空
if (!d instanceof Date) {
return;
}
var year = d.getFullYear(),
month = d.getMonth() + 1,
date = d.getDate(),
hour = d.getHours(),
minute = d.getMinutes(),
second = d.getSeconds();
month = month < 10 ? "0" + month : month;
date = date < 10 ? "0" + date : date;
hour = hour < 10 ? "0" + hour : hour;
minute = minute < 10 ? "0" + minute : minute;
second = second < 10 ? "0" + second : second;
return (
year +
"/" +
month +
"/" +
date +
" " +
hour +
":" +
minute +
":" +
second
);
}
document.write(formatDate(new Date()));
</script>
</body>
</html>
考查的知识点:
这段代码考查JavaScript中日期和时间处理的知识点,具体包括以下几点:
Date
对象的创建和使用。Date
对象的方法,如getFullYear
,getMonth
,getDate
,getHours
,getMinutes
,getSeconds
。- 条件运算符的使用,以确保日期和时间的各个部分都是两位数。
- 字符串连接的使用。
document.write
方法的使用,用于将生成的日期时间字符串输出到HTML文档中。
代码解析如下:
- 函数
formatDate
接收一个参数d
,它应该是一个Date
对象。 - 使用
instanceof
操作符检查d
是否是Date
对象的实例,如果不是,则函数返回空。 - 如果
d
是有效的Date
对象,则使用getFullYear
,getMonth
,getDate
,getHours
,getMinutes
,getSeconds
方法分别获取年、月、日、时、分、秒。 - 使用三元运算符为不足两位数的月份、日期、小时、分钟和秒添加前导零。
- 使用加号(
+
)连接字符串,形成完整的日期时间字符串。 - 使用
document.write
将格式化后的日期时间字符串输出到HTML文档的当前位置。
当这段代码在浏览器中运行时,它会创建一个当前时间的Date
对象,并调用formatDate
函数对其进行格式化,然后将格式化后的字符串写入到HTML文档中。这样,用户就能在网页中看到当前的日期和时间。