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 相关文章推荐
js 函数调用模式小结
Dec 26 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
jquery获取url参数及url加参数的方法
Oct 26 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
CSS或者JS实现鼠标悬停显示另一元素
Jan 22 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
Dec 26 Javascript
react系列从零开始_简单谈谈react
Jul 06 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
JavaScript实现随机五位数验证码
Sep 27 Javascript
javascript头像上传代码实例
Sep 28 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
ES6 Generator基本使用方法示例
Jun 06 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
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
强制PHP命令行脚本单进程运行的方法
2014/04/15 PHP
php开启openssl的方法
2014/05/15 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
初学Javascript的一些总结
2008/11/03 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
详解关于react-redux中的connect用法介绍及原理解析
2017/09/11 Javascript
Vue源码学习之关于对Array的数据侦听实现
2019/04/23 Javascript
javascript实现遮罩层动态效果实例
2019/05/14 Javascript
json字符串对象转换代码实例
2019/09/28 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
英国足球店:UK Soccer Shop
2017/11/19 全球购物
纽约海:Sea New York
2018/11/04 全球购物
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
PHP开发的一般流程
2013/08/13 面试题
中学生学雷锋活动心得体会
2014/03/10 职场文书
公司合作意向书
2014/04/01 职场文书
农村门前三包责任书
2014/07/25 职场文书
孩子教育的心得体会
2014/09/01 职场文书
村官个人总结范文
2015/03/03 职场文书
通知函格式范文
2015/04/27 职场文书
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
Go语言特点及基本数据类型使用详解
2022/03/21 Golang
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏