N秒后跳转页面

最新推荐文章于 2022-11-10 00:56:39 发布

yangymy

最新推荐文章于 2022-11-10 00:56:39 发布

阅读量253

点赞数

分类专栏： javascript 文章标签： setTimeout js 计时器

本文链接：https://blog.csdn.net/yangymy/article/details/71171154

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>">
        <title>My JSP 'test.jsp' starting page</title>
        <script type="text/javascript" src="js/jquery.js"></script>
        <style type="text/css">
              .popDiv{
                 position: fixed;
                 margin:50px auto;
                 font-size: 48px;
                 display:none;
                 color:purple;             
              }
         </style>
        <script type="text/javascript">
            //设定倒数秒数  
            var t = 5;  
            //显示倒数秒数  
            function showTime(){  
                var str = "页面在【"+t+"】秒后跳转";
                t -= 1;  
                document.getElementById('div1').innerHTML= str;  
                if(t==-1){
                    str = "跳转中...";
                    document.getElementById('div1').innerHTML= str;
                    window.location = "http://www.baidu.com";
                    return;  
                }  
                //每秒执行一次,showTime()  
                setTimeout("showTime()",1000);  
            }   
            function openWin(){
                document.getElementById( 'div1' ).style.display = 'block';
                showTime();
            }
        </script>
    </head>

    <body>
        <div class="popDiv" id="div1"></div>
        <input type="button" value="开始计时" onclick="openWin()"/>
    </body>
</html>

yangymy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
N秒后跳转页面

N秒后跳转页面<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName
复制链接

扫一扫