基于jQuery简单的定时跳转页面

最新推荐文章于 2020-05-09 14:45:36 发布

望向明天

最新推荐文章于 2020-05-09 14:45:36 发布

阅读量935

点赞数

分类专栏： JQuery 文章标签： Web开发 JS JQuery Java JSP

JQuery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用Struts框架和jQuery实现的简单示例，通过自动倒计时功能展示用户登录后的跳转效果。该示例展示了如何在JSP页面中结合Struts标签库与jQuery库来实现页面元素的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文转载自：http://freedomljtt.blog.163.com/blog/static/722949492010627104758608/

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    <title>My JSP 'SUCCESS.jsp' starting page</title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 
    <script language="javascript"> 
        $(document).ready(function() {  
            function jump(count) {  
                window.setTimeout(function(){  
                    count--;  
                    if(count > 0) {  
                        $('#num').attr('innerHTML', count);  
                        jump(count);  
                    } else {  
                        location.href="jsp/resourceupload.jsp";  
                    }  
                }, 1000);  
            }  
            jump(10);  
        });  
    </script> 

 

  </head>
 
  <body>
  <center>
    欢迎您，<s:property value="userName"/> <br><br/>    
 <span id='num'>10</span>秒后自动跳转至资源下载页面。
 
  </center>
  </body>
</html>