继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

setTimeout的简单用法

文小
关注TA
已关注
手记 2
粉丝 0
获赞 4

通常定义一个计时的方法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>
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP