setTimeout的简单用法
通常定义一个计时的方法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>点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦