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. [Django]我的第一个网页，报错啦~（自己实现过程中遇到问题以及解决办法）

    环境配置: python :2.7.13 django:1.10.5 OS:Win7(64位)& Centos7 问题描述  解决办法   global name 'render' is no ...

  2. ACM二分搜索算法

    二分搜索算法就是把要搜索的数据在搜索文本中根据情况进行折半,比如要在2 6 4 9 3 8 7 3 5中找到找到4的位置,那么可以考虑先把数据进行排序,然后把拍好后的数据的中间的那个数据和要查找的数据 ...

  3. java中封装的概念

    封装(Encapsulation)是类的三大特性之一, 就是将类的状态信息隐藏在类的内部,不允许外部程序直接访问, 而是通过该类提供的方法来实现对隐藏信息的操作和访问. 简而言之,就是隐藏内部实现,提 ...

  4. Python3的unittest用例按编写顺序执行

    unittest是Python标准库自带的单元测试框架,是Python版本的JUnit,关于unittest框架的使用,官方文档非常详细,网上也有不少好的教程,这里就不多说了. 本文主要分享在使用un ...

  5. Pytest+allure+jenkins生成测试报告

    allure集成jenkins下载地址.下载相关版本的allure包 http://updates.jenkins-ci.org/download/plugins/allure-jenkins-plu ...

  6. python 学习分享-select等

    首先列一下,sellect.poll.epoll三者的区别 select select最早于1983年出现在4.2BSD中,它通过一个select()系统调用来监视多个文件描述符的数组(在linux中 ...

  7. 孤荷凌寒自学python第五十天第一次接触NoSql数据库_Firebase

    孤荷凌寒自学python第五十天第一次接触NoSql数据库_Firebase (完整学习过程屏幕记录视频地址在文末) 之前对关系型数据库的学习告一段落,虽然能力所限没有能够完全完成理想中的所有数据库操 ...

  8. 孤荷凌寒自学python第三十六天文件内容的迭代操作

     孤荷凌寒自学python第三十六天python的文件操作对文件内容的迭代操作 (完整学习过程屏幕记录视频地址在文末,手写笔记在文末) 一.os模块的其它文件操作方法补充 1 os.remove(文件 ...

  9. 【2017】KK English

    2017/11/24 Regardless of the enormous amount of photos shared on Wechat or Face book, modern city dw ...

  10. jquery实现京东淘宝首页的轮番效果图

    主要是绑定事件以及实现自动滚轮 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...