通常定义一个计时的方法fn,该方法内通过setTimeout实现一秒一秒的计时,而count=setTimeout(fn,1000)通过再次执行fn来实现循环及时,如果达到了停止计时的条件,用clearTimeout(count)停止setTimeout的执行。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!-- <meta http-equiv="refresh"content='2;url=https://www.baidu.com'> -->
<title>页面跳转</title>
<style>
span { color: red; padding: 5px 15px; background: #cccccc; }
button { padding: 10px; display: inline-block; vertical-align: top; border-radius: 4px; outline: none; }
</style>
</head>
<body>
<h1>对不起您浏览的页面已改变,<span id='time'> 5</span> 秒后自动为您跳转... <button>手动跳转</button></h1>
<script type="text/javascript">
var span=document.getElementById('time')
var i=6
timecount()
function timecount(){
i--;
span.innerHTML=i
if(i>0){
aaa=setTimeout(timecount,1000)
}else{
clearTimeout(aaa)
}
}
</script>
</body>
</html>