zoukankan      html  css  js  c++  java
  • 浏览器对象练习(慕课网题目)

    编程练习

    制作一个跳转提示页面:

    要求:

    1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

    2. 如果点击“返回”按钮则返回前一个页面。

    效果:

    注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。

    我的解答

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            a, span{
                font-size: 24px;
            }
        </style>
    
    </head>
    <body>
    <h1>操作成功</h1>
    <span><strong id="sec">66</strong>秒后返回主页 </span><a href="location.html">返回</a>
    <script>
        var x = 5;
        function ChangeText()
        {
            document.getElementById("sec").innerHTML=x;
            x=x-1;
            var clear = setTimeout(ChangeText,1000);
            if(x<0){
                clearTimeout(clear);
            }
        }
        ChangeText();
        setTimeout(function () {
            window.history.back();
        },6000)
    </script>
    </body>
    </html>
  • 相关阅读:
    深入Python(一)
    深入Python(二)
    初识Python(五)
    初识Python(一)
    深入Python(三)
    一、MongoDB的下载、安装与部署
    浏览器上的javascript
    javascript中的事件
    扩展方法
    团队项目开题报告
  • 原文地址:https://www.cnblogs.com/sunxirui00/p/7499671.html
Copyright © 2011-2022 走看看