`

Jquery实现页面定时跳转

 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>Jquery实现页面定时跳转</TITLE>
  <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script language="javascript">

	$(document).ready(function() {    
		function jump(count) {    
			window.setTimeout(function(){    
				count--;    
				if(count > 0) {    
					$('#last').attr('innerHTML', count);    
					jump(count);    
				} else {    
					location.href="http://www.baidu.com";    
				}    
			}, 1000);    
		}    
		jump(5);    
	});

</script>
 </HEAD>

 <BODY>
  <span id="last">5</span>秒后将跳转到百度首页！</div>
 </BODY>
</HTML>


引自：http://blog.csdn.net/a497785609/article/details/6103497
分享到：
| 修改servlet无需重启tomcat
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Jquery浮动窗与页面定时跳转

    在这个“Jquery浮动窗与页面定时跳转”的主题中，我们将深入探讨如何在ASP.NET环境中利用jQuery来创建浮动窗口，并在其中实现定时跳转功能，同时也会涉及在框架外的页面定时跳转。 首先，让我们理解jQuery浮动窗口...

    各种页面定时跳转（倒计时跳转）代码合集

    本资源合集提供了多种实现页面定时跳转的方法，只需简单部署，通过复制粘贴代码即可快速应用。 1. JavaScript定时跳转： JavaScript是最常用的语言来实现页面跳转。其基本原理是利用`setTimeout()`函数设置一个...

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

    【标题】"jQuery实现多图无缝轮播切换图片代码"涉及的是前端开发中的一个常见功能——图片轮播，尤其在电商网站中应用广泛。无缝轮播是指用户在浏览过程中不会看到图片之间的切换间隙，营造出一种连续流畅的视觉体验...

    jQuery-实现网站banner图片轮转

    这里我们使用`setInterval`函数来定时切换图片，并利用`fadeIn`和`fadeOut`方法来实现平滑过渡： ```javascript $(document).ready(function() { var images = $('#banner img'), // 获取所有图片元素 index = 0;...

    jquery实现倒计时，支持多行分别无限循环倒计时

    - 考虑到浏览器刷新或页面跳转，可能需要保存倒计时的状态，以便恢复之前的时间。 项目的源代码（"倒计时"文件）应该包含了实现这些功能的具体JavaScript和HTML代码。通过分析和学习这段代码，开发者可以更好地...

    html5 css3圆形进度条倒计时页面跳转代码.zip

    在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中，我们可以看到一个结合了HTML、CSS以及JavaScript（可能包括jQuery）的实用示例，实现了圆形进度条展示时间倒计时，并在倒计时结束时自动跳转到指定页面。...

    jquery图片定时更换插件rar

    然后在页面加载完成后，通过jQuery选择器调用Slides插件，传递相应的参数来实现所需的设置。例如： ```javascript $(document).ready(function() { $('.slides').slides({ preload: true, // 开启图片预加载 ...

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

    然后，设置初始显示的广告，并通过计时器实现定时切换。`setInterval`函数用于每隔一定时间（如3秒）执行一次切换操作。在切换过程中，可以添加过渡动画效果，如淡入淡出、滑动等，使切换更加平滑自然。例如： ```...

    js监听鼠标点击和键盘点击事件并自动跳转页面

    总结来说，通过本文，我们可以学习到如何在JavaScript中设置事件监听器，如何处理鼠标的点击事件和键盘的按键事件，以及如何利用这些事件实现页面跳转。此外，我们还了解到了一个实用的在线资源，可以用来查询和学习...

    jQuery实现的左右箭头控制图片轮播焦点图幻灯效果源码.zip

    在图片轮播中，我们可以使用jQuery选择器定位到页面上的图片元素，例如`$("#slider img")`将选取ID为"slider"的容器内的所有图片。然后，可以利用这些选择器进行一系列操作，如设置初始显示的图片，隐藏或显示图片。...

    jQuery实现的时装图片展示幻灯效果(上下翻页按钮和关闭按钮).zip

    使用`event.preventDefault()`可以防止按钮默认的页面跳转行为。同时，jQuery的链式调用特性允许我们在一个选择器上连续调用多个方法，以提高代码的可读性和效率。 8. **响应式设计**： 考虑到不同设备的屏幕尺寸...

    jquery定时、倒计时。

    ### jQuery 定时与倒计时功能实现 在前端开发中，定时器和倒计时是常见的需求之一，尤其在需要展示剩余时间、活动倒计时等场景下尤为重要。本文将详细介绍如何使用jQuery来实现一个基本的倒计时功能。 #### 一、...

    jquery鼠标悬停图片移动效果

    "jQuery鼠标悬停图片移动效果"是一个常见的交互式设计技术，它利用JavaScript库jQuery实现了一个独特的功能：当用户将鼠标指针悬停在图片上时，图片会在边界内自动左右滚动，同时在底部显示半透明的文字说明。...

    UC浏览器PC版jQuery宣传页.zip

    在UC浏览器PC版jQuery宣传页中，这些按钮可能被设计成一个固定在屏幕一侧的导航栏，用户可以通过点击按钮直接跳转到页面的不同部分。这提高了页面的可导航性，使得用户无需滚动浏览整个页面就能找到他们感兴趣的内容...

    jQuery 网站画报特效.rar

    此特效模仿了这种设计，通过jQuery实现了图片的无缝滑动，同时添加了缩略图指示器，用户可以通过点击缩略图直接跳转到对应的内容。 3. **jQuery 动画效果**：jQuery提供了多种内置的动画方法，如`.fadeIn()`, `....

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

    在jQuery中，可以使用`setTimeout`或`setInterval`函数来实现定时切换，结合`fadeIn`和`fadeOut`等动画效果，实现平滑过渡。 接下来，我们要关注的是如何在页面加载时初始化全屏广告。通常，这会在`$(document)....

    js实现简单登录功能的实例代码

    这里的5秒定时跳转是通过JavaScript的`setTimeout`函数实现的。`setTimeout`函数可以设置一个函数在指定的毫秒数后执行。在我们的例子中，当登录成功后，会调用`setTimeout("tiao()",5000);`，这意味着函数`tiao()`...

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

    3. **点击事件**：当用户点击导航菜单项时，jQuery可以触发页面跳转或展开下拉菜单，提供更丰富的交互体验。 接下来是幻灯片部分，这通常是一个展示多张图片并自动循环播放的组件。在jQuery中实现这一功能可能包括...

    新闻网站jQuery图集相册代码.zip

    此jQuery相册代码内置了自动播放机制，可以定时切换图片，营造出类似幻灯片的效果，让图集保持动态感，吸引用户的注意力。同时，用户也可以随时暂停或恢复自动播放，满足不同场景下的需求。 带缩略图的相册设计提高...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics