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. 2，Flask 中的 Render Redirect HttpResponse

    一,Flask中的HTTPResponse 在Flask 中的HttpResponse 在我们看来其实就是直接返回字符串 二,.Flask中的Redirect 每当访问"/redi" ...

  2. 4，MongoDB 之 $关键字 及 $修改器 $set $inc $push $pull $pop MongoDB

    MongoDB中的关键字有很多, $lt $gt $lte $gte 等等,这么多我们也不方便记,这里我们说说几个比较常见的 一.查询中常见的 等于 大于 小于 大于等于 小于等于 等于 : 在Mon ...

  3. ansible-3

    setup ansible_all_ipv4_addresses # ipv4的所有地址 ansible_all_ipv6_addresses # ipv6的所有地址 ansible_date_tim ...

  4. Java中数据类型转换&基本类型变量和对象型变量

    1.Java的数据类型分为三大类 布尔型,字符型和数值型 其中数值型又分为整型和浮点型 2.Java的变量类型 布尔型 boolean 字符型 char 整型    byte,short,int,lo ...

  5. error LNK2001: unresolved external symbol @__security_check_cookie

    Q:VS2005编译的静态库, 在vc++6.0中连接出现错误 error LNK2001: unresolved external symbol @__security_check_cookie@l ...

  6. 《Cracking the Coding Interview》——第16章：线程与锁——题目4

    2014-04-27 20:06 题目:设计一个类,只有在不产生死锁的时候才分配资源. 解法:不太清楚这个题是要分配何种资源,以何种形式?所以没能动手写个可运行的代码,只是闲扯了几句理论分析. 代码: ...

  7. 网页图片很多时，加载完后再加载图片（defer:延迟加载）

    图片影响页面加载速度,可以先加载完页面,再去加载图片. defer:告诉浏览器,这里面的js代码不影响网页脚本解析,可以解析完html脚本再执行这段js代码(个人理解). 网页代码:<img s ...

  8. RPG游戏黑暗之光

    1.设置默认鼠标光标 PlayerSettings → Default Cursor 下设置 2.为人物创建单一类 为人物创建了PlayerAnimation.cs.PlayerDir.cs.Play ...

  9. [Leetcode/Javascript] 461.Hamming Distance

    [Leetcode/Javascript] 461.Hamming Distance 题目 The Hamming distance between two integers is the numbe ...

  10. android studio 配置网络代理

    1.首先在vultr网站购买服务器. 然后使用shadowsocksR给服务器配置FQ,再在本地机器配置好shadowsocksR. 参考网址:https://github.com/getlanter ...