``页面电子时钟
```javascript
<!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>
h1 {
margin: 300px 600px;
}
</style>
</head>
<body>
<h1>2019年5月1日星期三11:44:11</h1>
</body>
</html>
<script>
var h1 = document.getElementsByTagName("h1")[0];
nowTime();
function nowTime() {
var time = new Date();
var year = time.getFullYear(); // 获取年
var month = time.getMonth() + 1; // 获取月 返回的是0-11 所以要加1
var day = time.getDate(); // 获取日
var arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
var week = time.getDay(); // 返回值 从0 开始 0-6
var hour = time.getHours(); // 获取时
var middle = time.getMinutes(); // 获取分
var second = time.getSeconds(); // 获取秒
h1.innerHTML = year + '年 ' + bh(month) + '月 ' + bh(day) + '日 ' + arr[week] + bh(hour) + '时 ' + bh(middle) +
'分 ' + bh(second) + '秒'; // 在页面指定的标签上体验出来
};
function bh(a) {
a = a < 10 ? '0' + a : a; // 判断时间是否大于10
return a
}
setInterval(nowTime, 1000)
</script>
获取时间(基础)
最新推荐文章于 2023-08-02 23:35:22 发布