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>


发布了39 篇原创文章 · 获赞 48 · 访问量 11万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章