<!DOCTYPE html>
<html lang="zh-CN">
<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>
@font-face {
font-family: 'jikel';
src: url(./font/font/DS-DIGIT.TTF);
}
</style>
</head>
<body>
<p id="time"></p>
<script>
let time = document.getElementById('time')
time.style.fontFamily = "jikel"
let body = document.body
let i = 0
function add() {
let date = new Date()
let year = date.getFullYear()
let month = date.getMonth() + 1
let d = date.getDate()
let h = date.getHours()
let m = date.getMinutes()
let s = date.getSeconds()
month < 10 ? month = '0' + month : month
d < 10 ? d = '0' + d : d
h < 10 ? h = '0' + h : h
m < 10 ? m = '0' + m : m
s < 10 ? s = '0' + s : s
time.innerHTML = `<h2>今时今日 -- ${year}年-${month}月-${d}日 ${h}:${m}:${s}</h2>`
i++
if (i === 10) {
clearInterval(stopTime)
}
}
add()
let stopTime = setInterval(add, 1000)
</script>
</body>
</html>
案例-今时今日(动态)
最新推荐文章于 2022-05-03 14:09:57 发布