<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<span id="y"></span>
<br>
<span id="x"></span>
<script>
// 获取当前时间 渲染在页面上
var now=new Date()
var year=now.getFullYear() //年
var month=now.getMonth()+1 //月
var date=now.getDate() //日
var day=now.getDay() //星期
var arr=['日','一','二','三','四','五','六']
var span=`${year}年${month<10?'0'+month:month}月${date<10?'0'+date:date}日 星期${arr[day]}`;
y.innerHTML=span
var hour=now.getHours() //时
var mints=now.getMinutes() //分
var second=now.getSeconds() //秒
var time=`${hour}:${mints<10?'0'+mints:mints}:${second<10?'0'+second:second}`
x.innerHTML=time
</script>
</body>
</html>
Date对象:获取当前时间渲染在页面上
此代码示例展示了一个HTML页面,它使用JavaScript获取当前日期和时间,并将结果显示在页面上的两个不同元素中。日期格式为年-月-日星期X,时间格式为小时:分钟:秒,星期X用中文表示。
摘要由CSDN通过智能技术生成