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>

js5秒后自动关闭本页面及5秒钟后自动跳转指定页面的方法的更多相关文章

  1. 一种基于自定义代码的asp.net网站首页根据IP自动跳转指定页面的方法！

    一种基于自定义代码的asp.net网站首页根据IP自动跳转指定页面的方法! 对于大中型网站,为了增强用户体验,往往需要根据不同城市站点的用户推送或展现相应个性化的内容,如对于一些大型门户网站的新闻会有 ...

  2. HTML实现页面自动跳转的五种方法

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件. 1)html的实现 复制代码 代码如下: <head> ...

  3. HTML页面3秒后自动跳转的三种常见方法

    在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1:  最简单的一种:直接在前面<head>里面添加代码: 复制代码 代 ...

  4. Alert提示框之后跳转指定页面

    <li onclick="closes();">BTC</li> alert跳转到指定页面 <script type="text/javas ...

  5. 微信小程序跳到指定页面不生效

    wx.redirectTo({ url: './index', }) wx.navigateTo({ url: './index', }) 用了这两种都没生效,点击没跳转,也没报错 后来想了下是不是因 ...

  6. 在表单中使用ajax,成功后跳转指定页面 出现Provisional headers are shown 解决办法

    问题回顾: 在表单里面,有个button按钮,在点击这个button的时候,我发送了ajax请求,然后请求成功的话,就使用window.location.href = xxx,跳转到其他页面 但是,一 ...

  7. js实现页面下拉后展示导航，以及点击导航自动滑动到相关页面

    //监控,下拉750px后展示导航 $(window).scroll(function(){ var $this = $(this); var targetTop = $(this).scrollTo ...

  8. cas 退出后跳转指定页面

    退出连接 https://localhost:8888/cas/logout?service=https://localhost:8080/cas-client/login 修改cas-server配 ...

  9. 解决Hbase启动后，hmaster会在几秒钟后自动关闭（停掉）！！！

    在日志(身为小白白的我,一开始日志在哪我都不知道!路径:/usr/local/hadoop/app/hbase-0.98.8/logs/hbase-hadoop-master-Master.log(也 ...

随机推荐

  1. 原理剖析-Netty之服务端启动工作原理分析(下)

    一.大致介绍 1.由于篇幅过长难以发布,所以本章节接着上一节来的,上一章节为[原理剖析(第 010 篇)Netty之服务端启动工作原理分析(上)]: 2.那么本章节就继续分析Netty的服务端启动,分 ...

  2. Python装饰器探究——装饰器参数

    Table of Contents 1. 探究装饰器参数 1.1. 编写传参的装饰器 1.2. 理解传参的装饰器 1.3. 传参和不传参的兼容 2. 参考资料 探究装饰器参数 编写传参的装饰器 通常我 ...

  3. swoole创建websocket服务器

    目录 1 安装准备 1.1 安装swoole前必须保证系统已经安装了下列软件 1.2 下载并解压 1.3 编译安装成功后,修改php.ini 2 构建Swoole基本实例 2.1 tcp服务器实例 2 ...

  4. DOS程序员手册（五）

    第8章磁           盘       学习编程语言,常常是从基本的输入和输出入手的(正如第5.6和第7章曾介绍的一 样).到目前为止,我们不仅学习了怎样输入和输出数据,还学习了如何进行数据操作 ...

  5. Object Pascal中文手册 经典教程

    Object Pascal 参考手册 (Ver 0.1)ezdelphi@hotmail.com OverviewOverview(概述)Using object pascal(使用 object p ...

  6. JMeter学习笔记（四） HTTP Cookies 管理器

    有些接口执行时,要求要先登录,此时就需要用到 HTTP Cookies 管理器.不过有些项目是使用的token,即添加HTTP信息头管理器,获取登录后的token,至于token与cookies的区别 ...

  7. scheduled定时任务cron表达式知识地址

    https://www.cnblogs.com/javahr/p/8318728.html https://www.cnblogs.com/sunjie9606/archive/2012/03/15/ ...

  8. CMake Tutorial & Example

    Tutorial CMakeLists用于告诉CMake我们要对这个目录下的文件做什么事情 cmake 的特点主要有: 1,开放源代码,使用类 BSD 许可发布.http://cmake.org/HT ...

  9. 1094 The Largest Generation （25 分）（树的遍历）

    求结点最多的一层 输出该层的结点个数以及层号 #include<bits/stdc++.h> using namespace std; vector<]; map<int,in ...

  10. Linux网卡驱动程序对ethtool的支持和实现

    Linux 的一个显著特点就是其强大的网络功能,Linux 几乎支持所有的网络协议,并在这些协议基础上提供了丰富的应用.对 Linux 网络管理的重要性不言而喻,这些管理依赖于网络工具,比如最常用的 ...