<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
height: 100px;
background-color: pink;
color: #fff;
line-height: 100px;
text-align: center;
font-size: 60px;
}
</style>
</head>
<body>
<div id="box">时间</div>
<script>
// 获取当前时间
let date = new Date()
//获取年月日时分秒
let year = date.getFullYear()
let month = date.getMonth()
let day = date.getDate()
let h = date.getHours()
let m = date.getMinutes()
let s = date.getSeconds()
// 补0 操作
month = month < 10 ? '0' + month : month
day = day < 10 ? '0' + day : day
h = h < 10 ? '0' + h : h
m = m < 10 ? '0' + m : m
s = s < 10 ? '0' + s : s
// 拼接字符串
let str = `现在时间是: ${year}年${month}月${day}日 ${h}时${m}分${s}秒`
// 获取div
let box = document.getElementById('box')
// 修改div的内容
box.innerHTML = str
</script>
</body>
</html>
获取当前时间(事件对象)
最新推荐文章于 2022-04-21 16:47:42 发布