用js在页面上显示时间,日期,以s为单位更新,有详细的注解。对才接触js的小白超级友好,可以直接复制代码看效果哟!
<!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>
</head>
<body>
<div class="aa" id="bb"></div>
<button onclick="stop()">点击</button>
<script>
var fh=setInterval(() => {
// 生成时间对象(不是data)
let aa=new Date();
// 获取年份
var bb=aa.getFullYear();
// 获取月份
var cc=aa.getMonth()+1;
// 获取日期(12号)
var dd=aa.getDate();
// 获取星期几(0~6:0是周日):因为输出的是星期几,所以要利用得到的这个数组最为数组的索引
var ww=aa.getDay();
var string=["一","二","三","四","五","六","日"];
var op=string[ww-1];
// 获取小时(0~23)
var ss=aa.getHours();
// 获取分钟(0~59)
var xx=aa.getMinutes();
// 获取秒钟
var pp=aa.getSeconds();
var res="今年是:"+bb+"年"+cc+"月"+dd+"星期"+op+ss+"时"+" "+xx+"分"+pp+"秒"
document.getElementById("bb").innerHTML=res;
}, 1000)//打双引号的不会被解析,未打双引号的会当成变量输出
function stop(){ //点击button清除定时器 ,停止。clearInterval(函数)
clearInterval(fh)
}
</script>
</html>
声明:本人大二软工一枚,若有错误还请大家指正,一定不胜感激。大家也可以发表评论和看法,我们一起进步鸭@!