• 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>
  • 相关阅读:
    linux 定时备份数据库
    Web前端优化>javascript优化
    IT项目开发的75条管理守则
    Web前端优化>css 优化
    Web前端优化>图象篇
    SNS关键点
    项目管理(对事不对人)
    Yahoo!网站性能最佳体验的34条黄金守则——内容
    互联网主题知名博客
    Web前端优化>Cookie 优化
  • 原文地址:https://www.cnblogs.com/xh_Blog/p/7606844.html
Copyright © 2020-2023  润新知