5秒后跳转效果(setInterval/SetTimeOut)


Posted in Javascript onMay 03, 2013

setInterval版

$(function () { 
setInterval(function () { 
var time = $("#time").text(); 
time = parseInt(time); 
time--; 
if (time >0) { 
$("#time").text(time); 
} else { 
window.location = $("#url").attr("href"); 
} 
}, 1000); 
});

SetTimeOut版
<script type="text/javascript"> 
window.onload = function () { 
setTimeout(changeTime, 1000); 
} 
function changeTime() { 
var time = document.getElementById("time").innerHTML; 
time = parseInt(time); 
time--; 
if (time <= 0) { 
var url = document.getElementById("url").href; 
window.location = url; 
} else { 
document.getElementById("time").innerHTML= time; 
setTimeout(changeTime, 1000); 
} 
} 
</script>

html
<span style="font-size: 18px; color: Red" id="time">5</span>秒钟以后跳转到 <a href="<%=this.url %>"
Javascript 相关文章推荐
CSS常用网站布局实例
Apr 03 Javascript
jquery插件jbox使用iframe关闭问题
Feb 09 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
AngularJS 工作原理详解
Aug 18 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
vue 下列表侧滑操作实例代码详解
Jul 24 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
Apr 20 Javascript
layui复选框限制选择个数的方法
Sep 18 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 #Javascript
jquery移动listbox的值原理及代码
May 03 #Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 #Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 #Javascript
基于KMP算法JavaScript的实现方法分析
May 03 #Javascript
JS动态获取当前时间,并写到特定的区域
May 03 #Javascript
JS实现商品倒计时实现代码
May 03 #Javascript
You might like
一个PHP操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
jQuery之end()和pushStack()使用介绍
2012/02/07 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
JavaScript字符串插入、删除、替换函数使用示例
2013/07/25 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
jQuery控制TR显示隐藏的三种常用方法
2014/08/21 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
150行代码带你实现微信小程序中的数据侦听
2019/05/17 Javascript
在vue中动态添加class类进行显示隐藏实例
2019/11/09 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
Python采用socket模拟TCP通讯的实现方法
2014/11/19 Python
python插入排序算法实例分析
2015/07/03 Python
python实现朴素贝叶斯算法
2018/11/19 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
办公室前台岗位职责
2014/01/04 职场文书
公司节能减排倡议书
2014/05/14 职场文书
个人收入证明模板
2014/09/18 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript