zoukankan      html  css  js  c++  java
  • js5秒后自动关闭本页面及5秒钟后自动跳转指定页面的方法

    5秒钟后自动关闭

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>倒计时自动关闭/跳转页面</title>
    <meta charset="utf-8" />
    <script>
        //定义函数myClose关闭当前窗口
        function myClose(){
            //将id为time的元素的内容转为整数,保存在变量n中
            var n=parseInt(time.innerHTML);
            n--;//将n-1
            //如果n==0,关闭页面
            //否则, 将n+秒钟后自动关闭,再保存回time的内容中
            if(n>0){
                time.innerHTML=n+"秒钟后自动关闭";
                timer=setTimeout(myClose,1000);
            }else{
                close();
            }
        }
        var timer=null;
        //当页面加载后,启动周期性定时器,每个1秒执行myClose
        window.onload=function(){
            timer=setTimeout(myClose,1000);
        }
    </script>
    </head>
    <body>
        <span id="time">5秒钟后自动关闭</span><br>
        <a href="javascript:clearTimeout(timer)">留在本页</a>
    </body>
    </html>

    5秒后自动跳转

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <!DOCTYPE HTML>
    
    <html>
    <head>
    <title>倒计时自动关闭/跳转页面</title>
    <meta charset="utf-8" />
    <script>
        //定义函数myClose关闭当前窗口
        function myClose(){
            //将id为time的元素的内容转为整数,保存在变量n中
            var n=parseInt(time.innerHTML);
            n--;//将n-1
            //如果n==0,关闭页面
            //否则, 将n+秒钟后自动关闭,再保存回time的内容中
            if(n>0){
                time.innerHTML=n+"秒钟后自动跳转到登录页面!";
                timer=setTimeout(myClose,1000);
            }else{
                location.href='<%= request.getContextPath()%>/';
            }
        }
        var timer=null;
        //当页面加载后,启动周期性定时器,每个1秒执行myClose
        window.onload=function(){
            timer=setTimeout(myClose,1000);
        }
    </script>
    </head>
    <body>
        您未登录,请先登录!
        <span id="time">5秒钟后自动跳转到登录页面!</span><br>
        <!-- <a href="javascript:clearTimeout(timer)">留在本页</a> -->
    </body>
    </html>
  • 相关阅读:
    6年工作总结反思
    中级美语 L013:Health Comes First 解析
    中级美语 L011:Power without Pollution 解析
    中级美语 L009:Be Thoughtful 解析
    中级美语 L007:Doctor Death 解析
    中级美语 L005:Bungee jumping 解析
    中级美语 L003:The City of Song 解析
    中级美语 L001:Rome Wasn't Built in a Day 解析
    初级美语 L147:Television Addiction 解析
    初级美语 L145:Billy's Goal in Life 解析
  • 原文地址:https://www.cnblogs.com/xh_Blog/p/7606844.html
Copyright © 2011-2022 走看看