javascript之定时器实例

任务

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

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

第三步：通过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>

秒客网

javascript之定时器实例

任务

相关文章