前端开发经典的网页5s跳转

前端开发和移动端开发 前端和移动开发基础课程 移动前端开发流程图

html 代码

<!DOCTYPE html>
<head>
    <title>浏览器对象</title>
    <meta http-equiv=”Content-Type” content=”text/html; charset=gkb” />
</head>
<body>
    <!–先编写好网页布局–>
    <h4>操作成功</h4>
    <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.rokub.com”);
            }
            以后有想法再填
        }
        var timer = setInterval(“count()”, 1000);
        //通过window的location和history对象来控制网页的跳转。
        function back() {
            window.history.back();
        }
    </script>
</body>
</html>

前端移动开发的类库 移动端网站开发前端模板 php和前端移动开发

» 本文来自:前端开发者 » 《前端开发经典的网页5s跳转》
» 本文链接地址:https://www.rokub.com/6098.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!