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 相关文章推荐
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
jQuery文件上传插件Uploadify使用指南
Jun 05 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
javaScript封装的各种写法
Aug 14 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 Javascript
vue等两个接口都返回结果再执行下一步的实例
Sep 08 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
PHP版自动生成文章摘要
2008/07/23 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
ThinkPHP连接数据库及主从数据库的设置教程
2014/08/22 PHP
php实现Mysql简易操作类
2015/10/11 PHP
php数据访问之增删改查操作
2016/05/09 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
php反射学习之依赖注入示例
2019/06/14 PHP
php5与php7的区别点总结
2019/10/11 PHP
javascript+xml技术实现分页浏览
2008/07/27 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
js实现div拖动动画运行轨迹效果代码分享
2015/08/27 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
js制作可以延时消失的菜单
2017/01/13 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
python实现获取Ip归属地等信息
2016/08/27 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
个人简历自我评价八例
2013/10/31 职场文书
公司请假条范文
2014/04/11 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
安全教育观后感
2015/06/17 职场文书
执行力心得体会范文
2016/01/11 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python