<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="msg">5s后自动关闭</h1>
<a id="aStop" href="javascript:;">留在本页</a>
<script>
// 先定义定时器的任务函数
function task(){
// 取得h1的内容中的数字
var n=parseInt(msg.innerHTML);
// 将数字-1
n--;
// 如果n>0
if(n>0){
// 将数字拼接回h1的内容中
msg.innerHTML=`${n}s后自动关闭`;
}else{//否则,如果n==0
// 就关闭窗口
window.close();
}
}
// 启动周期性定时器,每隔1秒,自动调用该函数
var timer=setInterval(task,1000);
// 为a绑定单击事件
// 当单击a时,停止定时器
aStop.onclick=function(){
clearInterval(timer);
}
</script>
</body>
</html>
关闭页面计时器
最新推荐文章于 2023-05-15 15:03:21 发布