为了账号安全,请及时绑定邮箱和手机立即绑定

5s自动跳转setInterval(待分析)

标签:
Html5 JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AutoJump</title>
</head>
<body>
<H4>操作成功</H4>
<p>
    <b id="second">5</b>秒后回到主页<a href="javascript:goBack()">返回</a>
</p>
<script type="text/javascript">
    var sec = document.getElementById("second");
    var i = 5;
    var timer = setInterval(function () {
        i--;
        sec.innerHTML = i;
        if(i==1){
            window.location.href="http://www.imooc.com/";
        }
    },1000);
    function goBack() {
        window.history.go(-1);
    }
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<!--先编写好网页布局-->
<p>操作成功</p>
<p><span id="number">5</span>秒后回到主页<a href="#">返回</a></a></p>

<script type="text/javascript">
    var num = 5;
    function startCount(){
        num --;
        document.getElementById('number').innerHTML = num;
        if(num==1){
            window.location.href = "http://www.imooc.com/";
        }
    }
    setInterval(startCount,1000);
    function goBack(){
        window.history.go(-1);
    }

    //获取显示秒数的元素,通过定时器来更改秒数。

    //通过window的location和history对象来控制网页的跳转。

</script>
</body>
</html>
点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消