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

最新推荐文章于 2020-05-09 14:45:36 发布
最新推荐文章于 2020-05-09 14:45:36 发布
阅读量893 收藏
点赞数
分类专栏： JQuery 文章标签： Web开发 JS JQuery Java JSP

原文转载自：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>


望向明天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery浮动窗与页面定时跳转
12-01
ASP.NET中使用JQuery打开浮动窗口,在浮动窗口内实现定时跳转,在框架外实现定时跳转
jquery实现多图无缝轮播切换图片代码
10-05
总结来说，这个压缩包提供了一个基于jQuery的前端多图无缝轮播解决方案，包含了完整的HTML、CSS和JavaScript代码，以及必要的图片资源。开发者可以通过研究这些文件了解并学习如何在自己的项目中实现类似功能。
基于jquery的页面定时跳转
Let's Go!
08-21 570
err.html                                   $(document).ready(function() {             function jump(count) {                 window.setTimeout(function(){                     c
Jquery实现页面定时跳转
weixin_34345753的博客
05-03 102
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery定时器跳转页面_jQuery列表页面增强器
01-17 97
jquery定时器跳转页面 介绍 基本的客户列表页面有些呆板。 上面的设计将是本教程的最终结果，我们还将尝试添加服务列表，并将这两个列表映射在一起。 指向服务将显示购买该服务的客户，而指向客户将显示该客户端购买的服务。 在jQuery的帮助下将这两个映射在一起是可能的。 HTML 我们将使用专为现代浏览器量身定制HTML 5标签。 尽管几乎没有任何标记和文档类型需要更改才能使其在每种浏...
基于jQuery的页面定时跳转
chuifuhuo6864的博客
07-29 114
基于jQuery的页面定时跳转与纯javascript写的没什么太大的区别，只是用jQuery中的选择符来获取dom元素而已.. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <...
基于jQuery的Ruler标尺网页框架代码，标尺可随分辨率不同自适应屏幕，右上角为背景音乐播放插件，右下角为时间插件
05-24
在本项目中，我们主要探讨的是一个基于jQuery的Ruler标尺网页框架，它具有高度的自适应性，能够根据用户的屏幕分辨率进行调整，确保在各种设备上都能呈现出良好的视觉效果。这个框架不仅包含了标尺功能，还集成了...
西山居首页jQuery焦点图代码.zip
11-26
3. jQuery 代码：JavaScript部分主要由jQuery库来实现，包括初始化焦点图、响应用户交互（如鼠标悬停、点击）、定时切换图片、平滑过渡效果等功能。 4. 动画效果：jQuery提供了`.fadeIn()`和`.fadeOut()`等方法来...
jquery实现的动态回到顶部特效代码
10-23
描述中提到了“jQuery基于时间函数的定时递归调用实现带缓冲效果的移动功能”。这指的是使用jQuery的`animate()`函数，结合JavaScript的时间函数（如`setTimeout`或`setInterval`），来实现平滑的滚动动画。定时递归...
jquery5实现的屏幕全屏广告动态元素切换广告特效源码.zip
11-06
在本篇文章中，我们将深入探讨一个基于jQuery5实现的屏幕全屏广告动态元素切换广告特效的源码，旨在帮助开发者理解和应用此类技术。 首先，我们来理解jQuery5的核心概念。jQuery是一个广泛使用的JavaScript库，它...
jQuery定时任务执行,js定时获取页面内容
11-18
1、本示例主要利用jQuery进行传值、页面内容同获取 2、index.htm中加入了js定时循环机制，可以定时传值获取内容，可以用这个机制执行一些定时 查询任务，比如新增数据检索等，也可以加入div+css演变成为右下角提示 3、请在web环境下访问，双击访问无效
定时页面定时跳转jquery实现和js实现
wanlichang200的博客
06-26 1740
jquery实现定时页面跳转 $(document).ready(function(){  var second=parseInt($("#totalSecond").val());   setInterval(redirect, 3000);       function redirect() {      if (second    alert("fff")    
JQuery实现3秒后自动跳转页面
葬爱家族王富贵
03-26 2万+
荆轲刺秦王 很多时候我们都能见到这个场景：   类似于这个几秒后跳转，我们在很多应用场景中都可以见到，那么它是怎么实现的呢？ 首先是html页面代码： 4跳过 然后就是JQuery代码： function delayURL() { var delay = document.getElementById("tim
如何使用jquery控制页面几秒钟后跳转到其他页面
红袖添香的博客
03-02 3428
$(function () { setTimeout(function () { location.href = "{$Think.config.url}/index/Dnaagentnew/agent"; },3000); }); 页面刷新：window.location.reload();
使用jQuery跳转到指定页面
徊忆羽菲
05-09 1万+
使用jQuery跳转到指定页面js重定向使用jQuery属性替换方法 js重定向 1、利用http的重定向来跳转 window.location.replace("http://www.qipa250.com"); 2.使用href来跳转 window.location.href = "http://www.qipa250.com"; 使用jQuery属性替换方法 $(location).attr('href', 'http://www.qipa250.com'); $(window).attr('lo
js实现页面定时跳转
热门推荐
FlywindMouse的专栏
12-06 2万+
刚使用了一个用js实现定时跳转的功能，这里做一下学习记录。 其实很简单的一件事情，使用js提供的setTimeout（）函数则可以完成了。 下面是简单的代码实现： 提交成功 3秒后系统会自动跳转，也可点击本处直接跳 function jumpurl(){ location='http://www.so.com'; } setTimeout('jumpurl()'
基于jquery写一个简单登录页面
最新发布
03-21
好的，以下是一个基于 jQuery 的简单登录页面的示例代码： HTML 代码： ``` <!DOCTYPE html> <html> <head> <title>登录页面</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <h1>欢迎登录</h1> <form> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> <input type="button" id="loginBtn" value="登录"> </form> <div id="result"></div> <script src="login.js"></script> </body> </html> ``` JavaScript 代码（login.js）： ``` $(document).ready(function() { $('#loginBtn').click(function() { var username = $('#username').val(); var password = $('#password').val(); if (username == '' || password == '') { $('#result').html('用户名和密码不能为空！'); } else { $.ajax({ url: 'login.php', type: 'POST', data: {username: username, password: password}, success: function(data) { if (data == 'success') { $('#result').html('登录成功！'); } else { $('#result').html('用户名或密码错误！'); } }, error: function() { $('#result').html('登录失败，请稍后再试！'); } }); } }); }); ``` 请注意，这只是一个简单的示例代码，实际的登录页面需要更多的安全性和验证。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值