指定时间，跳转页面

最新推荐文章于 2023-11-08 08:00:00 发布

紫晓宁

最新推荐文章于 2023-11-08 08:00:00 发布

阅读量638

点赞数

分类专栏：前端web 文章标签： setInterval定时器

本文链接：https://blog.csdn.net/zixiaoning/article/details/51317533

版权

前端web 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

效果图

<body>
<!--先编写好网页布局-->
<h1>操作成功</h1>
<span id="second">5</span>
<span>秒后回到主页</span>
<a href="javascript:back();">返回</a>
<script type="text/javascript">
    var num = document.getElementById("second").innerHTML;
    //获取显示秒数的元素，通过定时器来更改秒数。
    function count() {
        num--;
        document.getElementById("second").innerHTML = num;
        if (num == 0) {
            location.assign("www.imooc.com");//加载一个新的页面
        }
    }
    setInterval("count()", 1000);//按照指定的周期，不停的调用函数，直到clearInterval()终止定时或窗口被关闭
    //通过window的location和history对象来控制网页的跳转。
    function back()//javascript:back(); history的back函数只能后退到浏览者浏览过的历史页面
    {
        window.history.back();
    }
</script>
</body>