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

Jquery倒计时跳转

阅读更多
功能很简陋,不过够用了。
<script>
function auto_jump() {
	secs = $("#init_value").val() - 1;
	$("#init_value").val(secs);
        if(secs < 0){return false;}
	if(secs == 0){
		clearInterval(time);
		$("#showDiv").html('正在载入...');
		window.location.href='eyexiaobo.iteye.com';
	}else{
		$("#showDiv").html(secs+' 秒后自动跳转');
	}
}
$(function(){
	var value = 5;
	$("body").append("<input type='hidden' id='init_value' value="+value+" />");
	time = setInterval('auto_jump()',1000);
})
</script>


<div id="showDiv"></div>
  • 大小: 49.3 KB
3
0
分享到:
评论

相关推荐

    jQuery创意精美的网页倒计时代码

    本项目就是基于jQuery实现的一个时分秒倒计时计时器,用户可以自定义倒计时时间,增加了互动性和用户体验。 首先,我们需要了解HTML基础结构。在`index.html`文件中,会包含一个用于显示倒计时的容器,例如一个`div...

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

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

    jquery 自动倒计时

    在回调函数中,你可以添加任何需要在倒计时结束后执行的 JavaScript 代码,比如页面跳转或其他业务逻辑。 综上所述,通过结合 jQuery 的便利性和 JavaScript 的时间处理能力,我们可以轻松实现一个自动倒计时功能,...

    jQuery倒计时插件

    4. 时间到达后的回调函数:当倒计时结束时,可以触发一个回调函数执行特定的操作,如弹出提示框或跳转到其他页面。 5. 日期和时间设置:允许用户设定倒计时的目标日期和时间,可以是未来的一段时间或特定日期点。 6....

    js显示倒计时跳转页面

    - **用户体验**:倒计时跳转前最好提供一个明显的提示,告知用户页面即将跳转。 - **错误处理**:增加异常处理逻辑,比如网络请求失败导致无法跳转时应给出相应的提示信息。 通过以上步骤,我们可以轻松地实现一个...

    jQuery实现倒计时跳转的例子

    本文将详细介绍如何使用jQuery来实现这样的倒计时跳转功能。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画等任务。在这个例子中,我们将利用jQuery的事件处理和定时器功能来完成倒...

    jQuery一款简单而又很时尚的倒计时插件

    4. **事件触发**:当倒计时到达零时,可以触发一个回调函数执行特定的操作,如显示新内容、跳转页面或启动某种功能。 5. **兼容性**:好的jQuery插件应该兼容多种浏览器,确保在Firefox、Chrome、Safari、Edge和...

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

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

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

    6. **结束处理**:当倒计时结束后,你可以清除定时器,同时执行任何必要的结束操作,如显示一条消息或跳转到新的页面。 在压缩包中的"jiaoben181170"可能是代码文件名,可能包含这个倒计时功能的完整实现。下载并...

    Jquery 倒计时

    - **事件绑定**:在倒计时结束后,可以触发特定的事件,如弹出提示框或跳转页面。 - **动态设置颜色**:使用`.css()`方法可以动态改变倒计时的颜色,例如每过10秒换一种颜色: ```javascript var colors = ['#ff...

    简易5秒倒计时跳转特效.rar

    【标题】"简易5秒倒计时跳转特效.rar"所涉及的知识点主要集中在网页开发中的JavaScript和CSS技术上,尤其是jQuery库的应用。这个压缩包文件包含了一个实现5秒倒计时后自动跳转页面的特效,适用于网页设计中需要在...

    各种页面定时跳转(倒计时跳转)代码合集

    如果你的项目中使用了jQuery库,可以利用它的`delay()`和`setTimeout()`函数结合来实现倒计时跳转: ```javascript &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; $(document).ready...

    jquery 倒计时

    - **用户体验**:倒计时结束时,可能需要触发特定的事件,如显示提示信息或自动跳转页面。 总的来说,jQuery倒计时是JavaScript基础技能之一,通过理解时间戳、时间处理和定时器的概念,我们可以轻松地创建符合需求...

    jCountdown倒计时插件jQuery.zip

    此外,还可以利用jQuery的事件机制,监听倒计时的开始、结束等关键时刻,触发自定义的函数,实现更复杂的功能,如通知提醒、页面跳转等。 在压缩包"jiaoben18586"中,包含了jCountdown插件的相关文件,可能包括CSS...

    jquery带倒计时的适合做404,纪念日的全屏特效代码.zip

    这篇内容我们将深入探讨如何利用jQuery实现带倒计时的全屏特效,特别是在404页面或纪念日场景中的应用。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得创建此类特效变得更为便捷。...

    6种不同效果的jQuery倒计时插件特效代码

    第六种可能包含自定义回调函数,当倒计时结束时执行特定的函数,比如跳转到其他页面、显示特定信息或者触发某种操作,增强了倒计时的交互性。 在实际使用中,开发者需要将这些特效代码整合到自己的项目中。"使用...

    javascript实现5秒倒计时并跳转功能

    1. **jQuery实现5秒倒计时**:这个示例利用了jQuery库,它简化了DOM操作。代码首先设置一个全局变量`i`为5,然后在页面加载完成后,使用`setTimeout`在5秒后重定向到指定URL。同时,定义了一个`after`函数,用于每隔...

    圆进度时间倒计时

    在给定的标题和描述中,“svg圆倒计时跳转”可能是指一个特定的实现,它不仅展示了一个圆形的进度条,还包含了时间倒计时功能,并且在倒计时结束后可以触发页面跳转。 SVG的圆形进度条通常通过绘制一个圆形路径并...

    jquery定时、倒计时。

    4. **倒计时结束处理**:除了执行特定操作(如搜索),还可以添加更多的效果或事件,比如播放音效、跳转页面等。 综上所述,jQuery提供的工具和API使得实现倒计时功能变得十分简单。通过对上述代码的理解和扩展,...

    高仿美团京东倒计时

    例如,当倒计时结束后,是否自动跳转到相关页面,或者显示特定提示信息。 6. **可配置性**:为了满足多样化的应用场景,倒计时组件应该支持参数配置,如开始时间、结束时间、显示格式、样式等。 在实现高仿美团...

Global site tag (gtag.js) - Google Analytics