javascript之定时器实例

最新推荐文章于 2024-03-29 16:23:23 发布

pythonniu

最新推荐文章于 2024-03-29 16:23:23 发布

阅读量540

点赞数

分类专栏： javascript web 文章标签： javascript 函数对象

本文链接：https://blog.csdn.net/pythonniu/article/details/55657795

版权

web 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

javascript

9 篇文章 0 订阅

订阅专栏

任务

第一步：先编写好网页布局，如下:

第二步：获取显示秒数的元素，通过定时器来更改秒数。

第三步：通过window的location和history对象来控制网页的跳转

__________________________________________________

<!DOCTYPE html>
<html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<h2>操作成功</h2>

<h3 id="wait">5秒后回到主页</h3>
<a href="javascript:back()">返回</a>

<script type="text/javascript">
    var i=5;
    //获取显示秒数的元素，通过定时器来更改秒数。
    function Go(){
        i-=1;
        if (i == 0) {
            window.location.assign("http://www.imooc.com");

        }

    }
    setInterval("Go()",1000);
    //通过window的location和history对象来控制网页的跳转。
    function back(){
        window.history.back();
    }
</script>
</body>
</html>