`
zhaolb
  • 浏览: 27972 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

基于jQuery的页面定时跳转

阅读更多
基于jQuery的页面定时跳转与纯javascript写的没什么太大的区别,只是用jQuery中的选择符来获取dom元素而已..



Html代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>err.html</title> 
      
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
    <script src="scripts/jQuery/jquery.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="login.jsp";  
                    }  
                }, 1000);  
            }  
            jump(3);  
        });  
    </script> 
  </head> 
    
  <body> 
    失败...<br /> 
    3秒后自动跳转。当前还剩<span id="num">3</span>秒  
  </body> 
</html> 
分享到:
评论

相关推荐

    基于jQuery的Ruler标尺网页框架代码,标尺可随分辨率不同自适应屏幕,右上角为背景音乐播放插件,右下角为时间插件

    在本项目中,我们主要探讨的是一个基于jQuery的Ruler标尺网页框架,它具有高度的自适应性,能够根据用户的屏幕分辨率进行调整,确保在各种设备上都能呈现出良好的视觉效果。这个框架不仅包含了标尺功能,还集成了...

    jquery实现多图无缝轮播切换图片代码

    总结来说,这个压缩包提供了一个基于jQuery的前端多图无缝轮播解决方案,包含了完整的HTML、CSS和JavaScript代码,以及必要的图片资源。开发者可以通过研究这些文件了解并学习如何在自己的项目中实现类似功能。

    自己整理的27个Jquery图片展示相关插件

    在首页设置这样的图片导航栏,可以帮助用户快速访问网站的不同部分,每个图片代表一个页面或内容分类,点击后直接跳转。 7. **苏宁易购商城产品图展示特效snimg.rar**: 这个插件可能借鉴了苏宁易购的图片展示...

    jQuery魅族官网导航加幻灯片代码.zip

    【jQuery魅族官网导航加幻灯片代码】是一款基于JavaScript库jQuery实现的网页导航栏与幻灯片展示功能的代码示例。这个代码主要用于模仿魅族手机官网首页的设计,为用户提供一个具有动态效果的导航菜单和自动轮播的...

    仿淘宝首页jquery轮播焦点图.zip

    【标题】"仿淘宝首页jquery轮播焦点图.zip"是一个基于jQuery实现的JavaScript特效,用于创建类似淘宝首页的焦点图轮播效果。这种效果在网页设计中非常常见,主要用于展示重要信息或产品,吸引用户的注意力。 【描述...

    jquery5实现的屏幕全屏广告动态元素切换广告特效源码.zip

    在本篇文章中,我们将深入探讨一个基于jQuery5实现的屏幕全屏广告动态元素切换广告特效的源码,旨在帮助开发者理解和应用此类技术。 首先,我们来理解jQuery5的核心概念。jQuery是一个广泛使用的JavaScript库,它...

    电脑之家jQuery焦点图.zip

    "电脑之家jQuery焦点图"是一个基于jQuery库实现的标签式焦点图插件,其核心功能是通过平滑过渡和动画效果,使多张图片或内容在页面上循环展示,提升用户体验,增加视觉吸引力。 jQuery是一个轻量级的JavaScript库,...

    百度新闻首页jquery焦点图.rar

    本项目“百度新闻首页jquery焦点图”正是一个基于jQuery实现的网页焦点图实例,旨在为用户提供动态、吸引人的内容展示方式。 jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax...

    一款精巧的jQuery音乐播放器插件可以自定义播放器背景图片

    本项目涉及的是一个基于jQuery的音乐播放器插件,允许开发者自定义播放器的背景图片,从而为用户提供更加个性化和吸引人的音乐体验。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画...

    jQuery宽屏左右缓动焦点图.zip

    2. **自动轮播**:除了手动切换,焦点图还支持设置自动播放功能,定时更换展示的内容,无需用户操作即可保持页面的活力。 3. **索引小按钮**:通常在焦点图下方会有一排小按钮,代表每一张图片或内容,用户可以通过...

    jquery带缩略图和多种过渡动画效果的轮播图特效源码.zip

    本资源"jquery带缩略图和多种过渡动画效果的轮播图特效源码.zip"正是基于jQuery实现的一个功能丰富的轮播图插件,适用于网页中的图片展示或内容滑动效果。 轮播图,又称滑动门或焦点图,是一种常见的网页元素,用于...

    西山居首页jQuery焦点图代码.zip

    3. jQuery 代码:JavaScript部分主要由jQuery库来实现,包括初始化焦点图、响应用户交互(如鼠标悬停、点击)、定时切换图片、平滑过渡效果等功能。 4. 动画效果:jQuery提供了`.fadeIn()`和`.fadeOut()`等方法来...

    jQuery左右箭头控制图片轮播代码.zip

    "jQuery左右箭头控制图片轮播代码"是一个基于jQuery实现的特效,它允许用户通过点击左右箭头来浏览一系列图片,同时提供缩略图预览功能,增强用户体验。以下是对这个jQuery焦点图特效的详细解释: 首先,jQuery是一...

    自动轮播jQuery焦点图插件SliderJS.zip

    该插件基于jQuery库,利用其强大的DOM操作能力和事件处理功能,实现了一种左右滚动的焦点图展示方式,能够帮助设计师和开发者轻松创建出具有专业感和互动性的页面元素。 首先,我们要理解jQuery的基本概念。jQuery...

    jQuery新闻滚动插件Newstickerpro

    Newstickerpro是基于jQuery的一个强大且灵活的新闻滚动插件,特别适用于创建吸引用户的实时更新展示区,如网站头条、公告或滚动新闻条。 该插件的主要功能和特点包括: 1. **自定义样式**:Newstickerpro允许...

    jQuery百度新闻图片切换代码.zip

    本篇文章将详细解析一款基于jQuery的百度新闻图片切换代码,帮助开发者理解其工作原理及实现方式。 首先,jQuery库是JavaScript的一个轻量级框架,它简化了DOM操作、事件处理以及动画效果的创建。在这个实例中,...

    jquery实现全屏多栏焦点图动态切换全屏广告特效源码.zip

    本篇文章将深入解析一个基于jQuery实现的全屏多栏焦点图动态切换的广告特效源码,帮助开发者理解和运用这一技术。 首先,我们需要了解jQuery库的基础知识。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历...

    jquery带缩略图可触摸焦点图.zip

    SliderPro是一款基于jQuery的幻灯片插件,它具有高度的可定制性和灵活性,支持各种自定义选项,如动画效果、导航方式、响应式设计等。在这个特定的版本中,它特别强调了触屏设备的支持,使得用户在移动设备上也能...

    jquery数字读秒的倒计时代码.zip

    在这个"jquery数字读秒的倒计时代码.zip"压缩包中,我们可能会找到一个基于jQuery实现的倒计时功能,它在网页上显示剩余时间,通常用于活动预告或考试计时等场景。 倒计时代码的核心原理是利用JavaScript的Date对象...

    基于ssh框架的注解

    现在,我们来深入探讨基于SSH框架的注解以及与Ajax和jQuery相关的知识点。 首先,Spring框架以其强大的依赖注入(DI)和面向切面编程(AOP)能力而闻名。在SSH框架中,Spring使用注解替代XML配置,如`@Autowired`...

Global site tag (gtag.js) - Google Analytics